如何在嵌套ul中选择第一个和最后一个li？

Question

我试过这个：

$(".menu li ul li:first").addClass("first-submenu-item");

$(".menu li ul li:last").addClass("last-submenu-item");

但不知怎的，它根本不起作用。

知道怎么解决这个问题？

由于

Answer 1

您应该使用:first-child和:last-child：

$(".menu li > ul > li:first-child").addClass("first-submenu-item");

$(".menu li > ul > li:last-child").addClass("last-submenu-item");

另一个子定位可以使用eq(index)：

$(".menu li > ul > li").eq(0).addClass("first-submenu-item");

$(".menu li > ul > li").eq(-1).addClass("last-submenu-item");

Answer 2

$(".menu > li > ul > li:first").addClass("first-submenu-item");

$(".menu > li > ul > li:last").addClass("last-submenu-item");

Answer 3

试试这个，

$(".menu li ul li:first-child").addClass("first-submenu-item");

$(".menu li ul li:last-child").addClass("last-submenu-item");

Answer 4

试试这个：

$(".menu li ul li:first-child").addClass("first-submenu-item");
$(".menu li ul li:last-child").addClass("last-submenu-item");