jQuery的.children()

$(‘.selector’).children()可以得到.selector所代表dom物件的下一層子物件,而不是所有的子物件。例如:

<div class=’level-one’>

<div class=’level-two’>

<div class=’level-three’>

<input type=’text’ name=’mytext_three’ value=’my text’ size=’20’/>

</div>

</div>

<input type=’text’ name=’mytext’ value=’my test’ size=’20’/>

</div>

若用$(“.level-one”).children(),可以得到的物件僅有level-two以及<input/>,而level-three並不會在.children()所回傳的清單裡。

此外,.children()也可以再傳入.selector,以上例來說,$(‘.level-one’).children(‘input’)可以直接得到<input name=’mtext’/>物件,而<input name=’mytext_three’/>因為在第三層裡,所以一樣不在回傳的清單裡。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Proudly using Dynamic Headers by Nicasio WordPress Design