Javascript 改变其他锂元素

我有一个ul列表，其中一个li元素竖起大拇指，另一个元素竖起大拇指，当我单击每个大拇指时，我根据大拇指的类型添加一个绿色或红色的类，但只有一个可以是活动的或带有颜色的，如果选择了其中一个，我需要删除另一个给定颜色（绿色或红色）的类

问题是我无法让元素检查是否有类

我的代码：

 $('.approved').click(function (event) {
      event.preventDefault();
      $(this).toggleClass('bg-green');
    });

   $('.not-approved').click(function (event) {
     event.preventDefault();
 console.log($(this).parent().find('.approved').hasClass('bg-green'));
      $(this).toggleClass('bg-red');
    });

html:

基本上，当我点击拇指朝下（.notapproved）时，我会添加颜色类别“bg red”，但在我需要检查“拇指朝上”是否处于活动状态（bg green）之前

---

我做错了什么？

你试过做

$（'.approved'）.hasClass（'bg-green'）

。可以帮助您确定元素是否具有特定的类。这是一个布尔值，因此如果它有类，它将返回true，否则返回false。您不需要先获取父类，然后再查找类。如果您不选择标识符，您可以选择类。

是的，我尝试过，但是按照您所说的方式，不会检查单击的当前元素，它会检查所有元素。。。

<div class="options-tools pull-right">
                      <ul class="list-unstyled list-inline">
                        <li><a href="#"><i class="fa fa-thumbs-up approved" aria-hidden="true"></i></a></li>
                        <li><a href=""><i class="fa fa-thumbs-down not-approved" aria-hidden="true"></i></a></li>
                      </ul>
                </div>