javascript - 我的 jquery 循环出了什么问题？

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>