国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:33:40
字體:
來源:轉載
供稿:網友

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

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

Children:

復制代碼 代碼如下:

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

Find    :
復制代碼 代碼如下:

$("#tb>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()

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 漠河县| 孟津县| 鸡泽县| 平山县| 长沙县| 锡林郭勒盟| 汶川县| 靖安县| 新密市| 鲁甸县| 黑河市| 高阳县| 蒲江县| 绵阳市| 泸定县| 读书| 寿宁县| 镇安县| 莫力| 开江县| 平陆县| 虞城县| 吉水县| 瑞丽市| 绵竹市| 台湾省| 百色市| 双城市| 璧山县| 类乌齐县| 泸州市| 玛曲县| 哈尔滨市| 当涂县| 织金县| 阜阳市| 商都县| 乌苏市| 宜都市| 景东| 萝北县|