jQuery帮助之筛选查找 children([expr])
更新时间:2011年01月31日 15:57:09 作者:
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
children([expr])
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
可以通过可选的表达式来过滤所匹配的子元素。注意:parents()将查找所有祖辈元素,而children()之考虑子元素而不考虑所有后代元素。
返回值:jQuery
参数:
expr (String) : (可选) 用以过滤子元素的表达式。
示例:
查找DIV中的每个子元素。
HTML 代码:
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
jQuery 代码:
$("div").children()
结果:
<span>Hello Again</span>
在每个div中查找 .selected 的类。
HTML 代码:
jQuery 代码:
结果:
取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合。
可以通过可选的表达式来过滤所匹配的子元素。注意:parents()将查找所有祖辈元素,而children()之考虑子元素而不考虑所有后代元素。
返回值:jQuery
参数:
expr (String) : (可选) 用以过滤子元素的表达式。
示例:
查找DIV中的每个子元素。
HTML 代码:
复制代码 代码如下:
<p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
jQuery 代码:
复制代码 代码如下:
$("div").children()
结果:
复制代码 代码如下:
<span>Hello Again</span>
在每个div中查找 .selected 的类。
HTML 代码:
复制代码 代码如下:
<div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
jQuery 代码:
复制代码 代码如下:
$("div").children(".selected")
结果:
复制代码 代码如下:
<p class="selected">Hello Again</p>
相关文章
jquery checkbox 勾选的bug问题解决方案与分析
本文首先由一个在项目中遇到的jquery checkbox 勾选的bug的解决方案,引申出jQuery中attr()和prop()的差异分析,非常的实用,需要的小伙伴快来研究下吧2014-11-11通过jquery-ui中的sortable来实现拖拽排序的简单实例
下面小编就为大家带来一篇通过jquery-ui中的sortable来实现拖拽排序的简单实例。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-05-05
最新评论