javascript - 从 jQuery 中的元素中选择元素

Question

我想在选择更多元素后选择一个元素。我认为它应该是这样的，但这不起作用，因为 .is() 返回 true 或 false。

HTML:

<div class="bar a"></div>
<div class="bar b"></div>  

jQuery:

var $el = $('.bar');
$el.addClass('active');
$el.is('.a').addClass('icon');

我可以循环遍历$el，但我希望可能有一种更简单/更快的方法。

使用 .eq(1) 不是一个选项，因为我不知道元素的顺序。

Answer 1

您需要使用filter()来提取分配了.a的元素:

var $el = $('.bar');
$el.addClass('active');
$el.filter('.a').addClass('icon');

.active {
  background-color: yellow;
}

.icon {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="bar a">bar a</div>
<div class="bar b">bar b</div>