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

Question

I want to apply 'not' and 'contains' filter together to filter element in HTML.

consider I have element as follows ,

<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">

and I want to apply filter as

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

But it does not work. Please help me, Thanks.

Answer 1

I would suggest you to use .filter() method instead:

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

with attribute selectors (Not recommended) :

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

---

As per your comment:

4'th one is my target

Then:

You don't have to check for negative values but you should go for the equality:

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

or:

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

Answer 2

You can do this in a single selector, however performance will be better using filter() as noted in Jai`s answer.

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

Also note that given your HTML example, this selector will not match anything as you exclude the element with the something4 text with the :not .