2

私はこのSOの質問を読みました:

jQuery - 特定のスタイルを持つ子を選択する

しかし、私の問題は少し異なります。

第 1 レベルの子 (すべての子孫ではない) が特定のスタイルを持っている親を選択したいと考えています。このようなもの :

<ul id="BIG">
    <li>Home

        <ul id="SMALL">
            <li> 123 </li>
            <li name="foo"> 123 </li>
            <li> 123 </li>
        </ul>

    </li>
    <li>Articles</li>
    <li>Petitions</li>
    <li>Contact</li>
</ul>

そして、id="SMALL" で UL をキャッチしたいと考えています。しかし、私のセレクターは 2 つの UL タグをすべてキャッチします。

$('ul:has(li[name="foo"])')

なにか提案を ?

4

2 に答える 2

2

これを試して:

$('li[name="foo"]').parent();

ここでデモ

属性に基づいた DOM 要素の選択は遅いことに注意してください。可能であれば、検索の範囲を制限してみてください。例えば:

$('#BIG').find('li[name="foo"]').parent();
于 2012-10-23T09:35:59.007 に答える
2

次のようにセレクターを使用します。>

$('ul > li[name="foo"]').parent()

実際のデモを見る

于 2012-10-23T09:36:36.480 に答える