Jquery中children與find之間的區(qū)別詳細(xì)解析
首先看一段HTML代碼,如下:
<table id="tb">
<tr>
<td>0</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
如果我要獲取第二個(gè)tr里的第二個(gè)td的值:
Children:
$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()
Find :
$("#tb>tbody").find("tr:eq(1) td:eq(1)").html()
結(jié)果,通過(guò)children獲取的值為:null,而通過(guò)find獲取的值為:4 這是為什么呢?
查了一下資料,通過(guò)children獲取的是該元素的下級(jí)元素,而通過(guò)find獲取的是該元素的下級(jí)所有元素。
這時(shí)回到上面,我們可以得出,$("#tb>tbody").children() 獲取的是兩個(gè)tr元素(不包括它們子元素td),
而children里面的選擇器則是在獲取的兩個(gè)tr元素里再根據(jù)條件進(jìn)行篩選,所以上面那種寫(xiě)法獲取不到值。
如果一定用children我們可以這樣寫(xiě):
$("#tb>tbody").children("tr:last").children("td:eq(1)").html()
相關(guān)文章
jquery購(gòu)物車(chē)結(jié)算功能實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了jquery購(gòu)物車(chē)結(jié)算功能的實(shí)現(xiàn)方法,購(gòu)買(mǎi)多個(gè)商品進(jìn)行統(tǒng)一結(jié)算,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見(jiàn)方法(不是ashx)
這篇文章主要介紹了jQuery ajax調(diào)用后臺(tái)aspx后臺(tái)文件的兩種常見(jiàn)方法(不是ashx)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件
這篇文章主要介紹了jQuery實(shí)現(xiàn)單擊和鼠標(biāo)感應(yīng)事件的方法的相關(guān)資料,需要的朋友可以參考下2015-02-02jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法,結(jié)合實(shí)例形式分析了jQuery事件響應(yīng)及針對(duì)頁(yè)面元素屬性判斷的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08jQuery使用正則驗(yàn)證15/18身份證的方法示例
這篇文章主要介紹了jQuery使用正則驗(yàn)證15/18身份證的方法,涉及jQuery基于正則進(jìn)行數(shù)字字符串驗(yàn)證相關(guān)操作技巧,需要的朋友可以參考下2017-04-04jQuery 開(kāi)發(fā)之EasyUI 添加數(shù)據(jù)的實(shí)例
這篇文章主要介紹了jQuery 開(kāi)發(fā)之EasyUI 添加數(shù)據(jù)的實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家,讓大家理解掌握這部分內(nèi)容,需要的朋友可以參考下2017-09-09