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

Question

我试过这个：

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

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

但不知何故，它根本不起作用。

知道如何解决这个问题吗？

谢谢

Answer 1

你应该使用:first-childand :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");