Question

我想弄清楚我在做这个循环时做错了什么，而且我正在把头发拉出来。我似乎无法进入if语句以挽救我的生命。

基本上我想循环遍历父div，检查每个子类是否存在某个类，如果该类存在则执行某些操作。有什么建议吗？

$(".button").click(function() {
  $('.container').children().each(function() {
    if ($(this.element).hasClass("look-for-this-class")) {
      $(this.element).addClass("class-1")
    } else {
      $(this.element).addClass("class-2")
    }
  });
});

Answer 1

您的代码甚至不需要循环：

$(".button").click(function() {
  $('.container > .look-for-this-class').addClass("class-1");
  $('.container > :not(.look-for-this-class)').addClass("class-2");     
});

.look-for-this-class{color:blue}
.class-1{color:red}
.class-2{color:green}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<button class="button">click</button>
<div class="container">
  <div class="look-for-this-class">1</div>
  <div class="look-for-this-class">2</div>
  <div>3</div>
</div>

我的jquery循环有什么问题？

1 个答案: