仅当父级没有attr时才使用jQuery选择器

Question

Imagine I have this:

<span email="a@test.com" class="parent">
     <div class="child"></div>
</span>
<span email="b@test.com" class="parent">
     <div class="child"></div>
</span>

How I would I find only the .child elements where the parent span attr email is NOT b@test.com ?

Answer 1

Try it:

$('.parent[email!="b@test.com"] .child');

Source .

Regards.

Answer 2

Use this selector:

$(".parent:not([email='b@test.com']) .child")

You can use .each to get each element:

$(".parent:not([email='b@test.com']) .child").each(function(){
    var item = $(this); // get the current element
    // do something
});

Answer 3

It's simple as this:

$('[email][email!="b@test.com"] > .child')

Explanation:
With this you find all elements with class child which have a parent ( > ) with email attribute ( [email] ) and this email attribute is not b@test.com ( [email!="b@test.com"] ).

Here is the demo

Answer 4

Just use one of those selectors:

.parent:not([email="b@test.com"]) > .child
.parent:not([email=b\@test\.com]) > .child

 .parent:not([email="b@test.com"]) > .child { color: red; } 

 <span email="a@test.com" class="parent"> <div class="child">A</div> </span> <span email="b@test.com" class="parent"> <div class="child">B</div> </span> 

If you want to get them all with JS, use querySelectorAll :

document.querySelectorAll('.parent:not([email="b@test.com"]) > .child')

Answer 5

$.find("span[email !='b@test.com'] .child");