1

私はこれを持っています：

    <ul>
        <li>
            <ul>
                <li><a>Hello world</a></li>
                <li><a>hi</a></li>
            </ul>
       </li>
       <li><a>hi</a></li>
   </ul>

そして、2 番目の ul にある li を選択する必要があります (たとえば、'Hello world' という単語が含まれているもの)。

jQueryでそれを行うにはどうすればよいですか?

私はこれを試しました：

$('ul li:eq(1) li:eq(1)').doSomthing();
4

3 に答える 3

4

それはかなり簡単です：

ul ul li

ただし、これは即時のネストをチェックしません。セレクターの 2 番目ulは、より深くネストすることができます。次を使用してこれを制限できます>。

ul > li > ul > li

最初の のみを取得するには、次のliようになります。

​$("ul > li > ul > li:first").css("background", "red");​​​​​​​​​​

:eq疑似セレクターを使用して試みたアプローチは、次のようになります。

​$("li:eq(0) li:eq(0)").css("background", "red");​​​​​​​​​​

インデックスはゼロから始まることに注意してください。したがって、最初の項目は常にインデックス 0 です。

于 2012-11-15T14:48:25.140 に答える
0 
try this it will work as you wish

$('ul li>ul li:eq(0)').css('border','1px solid red');

于 2013-12-26T18:06:00.220 に答える
0

最も節約できるのは、直接の子セレクターを使用することです>

$("ul > li > ul")
于 2012-11-15T14:49:57.133 に答える