jQuery操作第N個元素的方法

jQuery是一套跨瀏覽器的JavaScript函式庫，簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發布第一個版本。目前由 Dave Methvin 領導的開發團隊進行開發。全球前10000個訪問最高的網站中，有59%使用了jQuery，是目前最受歡迎的JavaScript庫，這篇文章我們跟大家講解一個小技巧，jquery操作同組元素的第N個元素的方法。

舉例如下：

在class="phpernote" 下有3個ul，現在希望為每個ul下的第5個li元素加入class="com"

具體jQuery程式碼：

 $(".phpernote ul li:nth-child(5)").addClass("com");

已經成功為每個ul下的第5個li添加class為com

當然，也可以直接加入CSS 程式碼：

$(".phpernote ul li:nth-child(5)").css({"padding-right":"5px"});

nth-child：英文中的縮寫，n-th，表示第幾個，1,2,3分別用first、second、third 單詞，從4開始便為數字的單詞+th，如4th、5th、6​​th等等

取得ul下的第一個li

$("ul li:first-child")

取得ul下的最後一個li

$("ul li:last-child")

以上就是jquery操作同組元素的第N個元素的方法講解，希望對大家有幫助。

相關推薦：

jquery操作ul技巧總結

#詳解jQuery操作元素css樣式的三種方法

web進階之jQuery操作DOM元素&&MySQL記錄操作&&PHP物件導向學習筆記

以上是jQuery操作第N個元素的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！