从jQuery中的元素中选择元素

时间:2018-08-01 08:01:35

标签: javascript jquery

在我选择了更多元素之后,我想选择一个元素。我认为应该是这样,但这不能正常工作,因为.is()返回truefalse

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)

2 个答案:

答案 0 :(得分:2)

您需要使用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>

答案 1 :(得分:0)

似乎您需要在具有icon class的元素上添加class a,这很简单。

$('.bar').addClass('active') $('.a').addClass('icon')