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>のクラスを選択したいのですが、jQuery でそれを行うにはどうすればよいですか?testdivdiv<a>href="/link3"

私はこれを行うことができることを知っています:

$('div.testdiv')

Answer 1

:not+を使用:hasすると、1 つのセレクターで簡単に実行できます。

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

属性 (「CSS 識別子」) の値を引用しない場合は、/2 つのバックスラッシュ ( ) でスラッシュ ( )をエスケープする必要があります\\。

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

ライブデモ

div にアンカーが 1 つしかない場合は、次のように使用できます。

$('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();