当前位置: 编程技术>jquery
Jquery children与find的区别分析
来源: 互联网 发布时间：2014-09-03
本文导语: 本节内容： Jquery中children与find的区别。 1，HTML代码 代码示例: 0 1 2 3 4 5 2，获取第二个tr里的第二个td的值： Children： 代码示例: $("#tb>tbody").childre...
本节内容：
Jquery中children与find的区别。
1，HTML代码
代码示例:
0
1
2
3
4
5
2，获取第二个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()
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。