在jquery中查找具有类的元素

Question

我有一个场景,我有多个div与类navToME开/关.现在我在这里尝试做的是如果div有一个类关闭,然后删除类navToMe.

例如,

if($('.navToME').hasClass('off')){
   $('.off').removeClass('navToME');  
}

我的HTML结构是这样的:

<div class="on navToME">
            <strong>ABC</strong>
        </div>
<div class="off navToME">
            <strong>DEF</strong>
        </div>

现在发生的事情是它只检查该类的第一个div并返回false.有没有人可以建议的方式,以便我可以在HTML中的所有类中使用它？提前致谢!

Answer 1

您可以简单地使用类选择器来识别具有多个类的元素然后使用 removeClass()

$('.off.navToME').removeClass('navToME');

$(function() {
  $('.off.navToME').removeClass('navToME');
});

.on {
  background-color: green;
}
.off {
  background-color: red;
}
.navToME {
  background-color: grey!important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="on navToME">
  <strong>ABC</strong>
</div>
<div class="off navToME">
  <strong>DEF</strong>
</div>