jquery - jquery - 在 ul 中的 ul 中选择 li

Question

我有这个：

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

我需要选择第二个 ul 中的 li （例如，有“Hello world”字样的那个。）

我如何用 jQuery 做到这一点？

我试过这个：

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

Answer 1

这很简单：

ul ul li

但是，这不会检查立即嵌套；选择器中的第二个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。

Answer 2

最省事的是使用直接子选择器>

$("ul > li > ul")

Answer 3

try this it will work as you wish

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