javascript - 我可以在 jQuery 中一起使用 'not' 和 'contains' 过滤器吗

Question

我想同时应用“不”和“包含”过滤器来过滤 HTML 中的元素。

考虑我有如下元素，

<tr class="filter" value="value1" name="something1">
<tr class="filter" value="value1" name="something2">
<tr class="filter" value="value3" name="something3">
<tr class="filter" value="value1" name="something4">

我想将过滤器应用为

$(".filter").not("[value*='value1']").contains('something4')

但它不起作用。请帮助我，谢谢。

Answer 1

我建议您改用 .filter() 方法:

var filtered = $(".filter").filter(function(){
    return $(this).attr('value') !== 'value1' && $(this).attr('name') === 'something4'
});
filtered.css('color', 'red');

使用属性选择器(不推荐):

$(".filter:not([value*='value1']):contains('something4')")

---

根据您的评论:

第 4 个是我的目标

然后:

您不必检查负值，但您应该检查是否相等:

var filtered = $(".filter").filter(function(){
    return $(this).attr('value') === 'value1' && $(this).attr('name') === 'something4'
});
filtered.css('color', 'red');

或者:

$(".filter[value='value1'][name='something4']").css('color', 'red');