国产探花免费观看_亚洲丰满少妇自慰呻吟_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()

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 鄱阳县| 南澳县| 周宁县| 凤冈县| 建水县| 弋阳县| 个旧市| 偃师市| 邮箱| 仪征市| 镇赉县| 海阳市| 雅安市| 商都县| 苏州市| 盱眙县| 图木舒克市| 平潭县| 屏东县| 财经| 西吉县| 竹溪县| 桐乡市| 石河子市| 措美县| 巩义市| 宾川县| 五河县| 德江县| 炉霍县| 延庆县| 土默特右旗| 富蕴县| 长宁县| 平罗县| 曲麻莱县| 水城县| 昌都县| 澄迈县| 罗田县| 彭阳县|