jQuery 中的 nth-child 選擇器是一種非常實用的 CSS 選擇器。它可以幫助您選擇其父元素中的某個特定子元素,它是使用 CSS 選擇器語法從元素列表中選擇一個特定的元素。您可以使用數字,關鍵字和公式來指定選擇器。
而 nth-child 2 就是其中的一種選擇器,它選擇其父元素中的第二個子元素。
<script> $(document).ready(function(){ $("ul li:nth-child(2)").css("background-color", "yellow"); }); </script>
在此示例中,我們正在選擇 ul 元素中符合條件的第二個 li 元素,并將其背景顏色更改為黃色。此選擇器將選擇每個 ul 元素中的第二個 li 元素,并應用樣式。
如果要選擇其他位置的子元素,您可以通過更改數字或使用其他形式的選擇器來實現。nth-child 選擇器可以與其他 jQuery 選擇器和方法一起使用,例如 .addClass() 或 .removeClass()。
綜上所述,nth-child 2 是一種非常方便的選擇器,它使您可以輕松地選擇指定位置的子元素,并且可以與眾多其他 jQuery 方法一起使用。
上一篇淘寶商品規格選擇css