主要方法有兩類:使用選擇器或者遍歷函數(shù),并且可以混合使用。以獲取id為test的div下的第一個或最后一個div子元素為例,詳細(xì)說明如下:
專注于為中小企業(yè)提供做網(wǎng)站、網(wǎng)站設(shè)計(jì)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)銀川免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了千余家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
1、使用選擇器:
$("#testdiv:first-child") // $("#testdiv:first")
$("#testdiv:last-child") // $("#testdiv:last")
2、使用遍歷函數(shù):
$("#test").children().first()
$("#test").children().last()
3、混合使用
$("#testdiv").first()
$("#testdiv").last()
$("#test").children(":first") // $("#test").children(":first-child")
$("#test").children(":last") // $("#test").children(":last-child")
$('#1').parent().find('li:last').css('background-color',?'red');
這樣用 號獲取最接近的子元素
1、獲取第一個子元素有如下方法:
(1):first
舉:$('div.one:first'),獲取所有class="one"的div的第一個div子元素。這里的限制在于父子元素都是同一種,即父元素如果是span標(biāo)簽,獲取的第一個子元素也是span標(biāo)簽,如果父元素是table標(biāo)簽,獲取的子元素也是table標(biāo)簽。
(2):first-child
如:$('div.one:first-child'),獲取所有class="one"的div的第一個子元素,注意是“所有”,意思是說,如果這個div有多外,那么獲取的第一個子元素也是有多個。
(3)使用eq()方法
如:$('div.one span:eq(1)'),獲取class="one"下的div的第一個span子元素,同(2)一樣,也是有多個div也是獲取多個div的第一個元素。
可以通過獲取id,或者直接在父層限制一個eq(1)這樣的形式去獲取惟一一個子元素