欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery中children與find之間的區(qū)別詳細解析

 更新時間：2013年11月29日 10:04:39   作者：  
這篇文章主要是對Jquery中children與find之間的區(qū)別進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助

首先看一段HTML代碼，如下：

復(fù)制代碼 代碼如下:

<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>

如果我要獲取第二個tr里的第二個td的值：

Children：

復(fù)制代碼 代碼如下:

$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()

Find    ：
復(fù)制代碼 代碼如下:

$("#tb>tbody").find("tr:eq(1) td:eq(1)").html()

  結(jié)果，通過children獲取的值為：null,而通過find獲取的值為：4 這是為什么呢？

  查了一下資料，通過children獲取的是該元素的下級元素，而通過find獲取的是該元素的下級所有元素。

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

  而children里面的選擇器則是在獲取的兩個tr元素里再根據(jù)條件進行篩選，所以上面那種寫法獲取不到值。

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

復(fù)制代碼 代碼如下:

$("#tb>tbody").children("tr:last").children("td:eq(1)").html()

相關(guān)文章

最新評論