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-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");