jqueryfindjQuery中children和find的区别

jqueryfind 时间:2021-04-06 阅读:()

谈谈Jquery中的children find 的区别有哪些

<div id＝"test"> <a>1</a> <p> <a>2</a> </p> </div> $("#test")children("a")，就是子元素，不包括孙子，所以只有1被选中。

而find是子元素，孙子都会被选中，所以1，2都被选中

jQuery中children和find的区别

首先看一段HTML代码，如下： 1 <table id="tb"> 2 <tr> 3 <td>0</td> 4 <td>1</td> 5 <td>2</td> 6 </tr> 7 <tr> 8 <td>3</td> 9 <td>4</td> 10 <td>5</td> 11 </tr> 12 </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()

展开全文