如何使用jQuery过滤不需要的元素

Question

我们举两个div,

<div class="main right"></div>
<div class="main"></div>

这个jQuery片段如下:

$('.main').css('background-color','red');

这将正常地将div背景颜色更改为红色.我想知道如何改变那些只有"主"作为类而不是"主权"的div的颜色,

Answer 1

$('.main:not(.right)').css('background-color','red');

要么:

$('.main').not('.right').css('background-color','red');

如果必须使用更复杂的条件,可以使用以下filter功能:

$('.main').filter(function(){
    return $(this).data('value') == 2 && this.innerHTML.length < 50;
}).css('background-color','red');

它将过滤掉结果.main并仅维护它们data-value为2的元素和它们的元素innerHTML.length < 50.

如果你不知道其他类可能是什么,main但你想要只有main类的元素.

$('.main').filter(function(){
    return $.trim(this.className) == 'main';
}).css('background-color','red');