jquery - Jquery：选择所有元素，除了具有特定属性的特定子元素

Question

假设我有这样的事情：

<div class="testdiv">
    <a href="/link1">link 1</a>
</div>
<div class="testdiv">
    <a href="/link2">link 2</a>
</div>
<div class="testdiv">
    <a href="/link3">link 3</a>
</div>
<div class="testdiv">
    <a href="/link4">link 4</a>
</div>

现在我想选择所有<div>的类，testdiv除了div有一个<a>带有属性的孩子href="/link3"，如何用 jQuery 做到这一点？

我知道我可以这样做：

$('div.testdiv')

Answer 1

使用:not+:has可以通过一个选择器轻松完成：

$('div.testdiv:not(:has(a[href="/link3"]))')

如果您不引用属性中的值（“CSS 标识符”），则需要/使用两个反斜杠（ ）转义斜杠（ \\）：

$('div.testdiv:not(:has(a[href=\\/link3]))')

现场演示

如果一个 div 中只能有一个锚点，你可以使用这个：

$('div.testdiv:has(a[href!="\\/link3")')

Answer 2

您可以filter为此使用：

var elements = $('.testdiv').filter(function(){
    return !$(this).find('a[href=\\/link3]').length;
});

Answer 3

$('div.testdiv a[href^=/link3').parents();