您的位置：首页 > Web前端 > JQuery

jQuery 学习笔记遍历

2013-11-29 19:35 369 查看

所谓遍历就是根据一个元素找到其他元素，这些元素区分开来包括

父元素，子元素和兄弟元素

<div class="grandparent">
<div class="parent">
<div class="child">
<span class="subchild"></span>
</div>
</div>
</div>

查找父元素的方法包括.parent()
,
.parents()
, .parentsUntil(), 和
.closest()
.

.parent() 选择一个元素的直接父元素

$("div.child").parent();//返回div.parent

.parents() 选择一个元素的所有父元素，如果参数不为空，则选择匹配的父元素

$("span.subchild").parents(); //返回div.child, div.parent, div.grandparent
$("span.subchild").parents("div.parent");//返回div.parent

.parentsUntil() 选择该元素直到某一个元素的所有父元素，但不包括选择器

$("div.child").parentsUntil();//返回div.parent, div.grandparent
$("div.child").parentsUntil("div.grandparent")//返回div.parent

.closest()选择离该元素最近的父元素

$("div.parent").closest("div"); //返回div.parent

查找子元素的方法包括：.children()
和
.find()

.children()选择该元素的直接子元素

$("div.parent").children();//返回div.child

.find()必须加上选择器参数，会递归查找匹配的元素

$("div.grandparent").find("div");//返回div.parent, div.child

查找兄弟元素的方法包括:.prev(),.next(),.siblings(),
.nextAll()
,
.nextUntil()
,
.prevAll()
and
.prevUntil()
.

这些方法就不一一试验了，用到的时候查找文档就可以了

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

jQuery 学习笔记 遍历