jQuery - addClass没有向html元素添加类

Question

我尝试将CS​​S类添加到<li>元素，当我点击按钮但addClass不工作时。

这是我的JS：

$('.test').click(function(event) {
    var centrum1 = $('.p17');
    $('section.bok-map').find( centrum1 ).addClass('active-region');
});

这是如何看待HTML代码：

问题出在哪里？ find（）返回true 这是演示：

Answer 1

您有两个错误，因为您没有选择正确的元素，因此selector的长度为0。

首先，该类称为pl7而不是p17;其次，使用removeClass时，不要将.放在类的名称之前。当您使用removeClass时，您可以理解您想要定位一个类，因此不需要您通过添加点来指定它。

 <script>
      var centrum1 = $('.pl7');

      $('.test').click(function(event) {            
          $('section.bok-map').find( centrum1 ).removeClass('pl7');
      });

 </script>

此外，值得注意的是，一旦您不必将其分配给变量，您只需引用$(.pl7)。您也可以按如下方式编写。它是由你决定。

  $('.test').click(function(event) {            
       $('section.bok-map').find('.pl7').removeClass('pl7');
  });