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

先看一段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()