jQuery操作第N個(gè)元素的方法

jquery是一套跨瀏覽器的JavaScript庫(kù)，簡(jiǎn)化html與javascript之間的操作。由john resig在2006年1月的barcamp nyc上發(fā)布第一個(gè)版本。目前是由 dave methvin 領(lǐng)導(dǎo)的開(kāi)發(fā)團(tuán)隊(duì)進(jìn)行開(kāi)發(fā)。全球前10000個(gè)訪(fǎng)問(wèn)最高的網(wǎng)站中，有59%使用了jquery，是目前最受歡迎的javascript庫(kù)，本篇文章我們給大家講解一個(gè)小技巧，jquery操作同組元素的第n個(gè)元素的方法。

舉例如下：

在 class=”phpernote” 下有 3個(gè) ul，現(xiàn)在希望給每個(gè)ul下的第5個(gè)li元素添加 class=”com”

具體jQuery代碼：

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

已經(jīng)成功給每個(gè)ul下的第5個(gè)li添加class為com

當(dāng)然，也可以直接添加 CSS 代碼：

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

nth-child：英文中的縮寫(xiě)，n-th，表示第幾個(gè)，1,2,3分別用 first、second、third 單詞，從4開(kāi)始便為數(shù)字的單詞+th，如4th、5th、6th等等

獲取ul下的第一個(gè)li

$("ul?li:first-child")

獲取ul下的最后一個(gè)li

$("ul?li:last-child")