首頁 > web前端 > js教程 > Jquery中children與find之間的區別詳細解析_jquery

Jquery中children與find之間的區別詳細解析_jquery

WBOY
發布: 2016-05-16 17:11:43
原創
867 人瀏覽過

先看一段HTML程式碼,如下:

複製程式碼 程式碼如下:


程式碼如下:




           
               >
                2
           
           
               
                5           
 

如果我要取得第二個tr裡的第二個td的值:
Children:

複製代碼

代碼如下:

$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()
Find    :
複製程式碼

程式碼如下:tbody").find("tr:eq(1) td:eq(1)").html()

  結果,透過children取得的值為:null,而透過find取得的值為:4 這是為什麼呢?

  查了一下資料,透過children取得的是該元素的下級元素,而透過find取得的是該元素的下級所有元素。

  這時回到上面,我們可以得出,$("#tb>tbody").children() 取得的是兩個tr元素(不包括它們子元素td),

  而children裡面的選擇器則是在取得的兩個tr元素裡再根據條件進行篩選,所以上面那種寫法取得不到值。

  如果一定用children我們可以這樣寫:

複製代碼 代碼如下:

$("#tb>tbody").children("tr:last").children("td:eq(1)").html()
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板