JQuery笔记四 ：遍历获取内容【蓝鸥HTML5出品】

JQuery笔记二 ：动画效果【蓝鸥HTML5出品】

【HTML5教程】微信小程序全方位深度解析CSDN学院观看地址：http://edu.csdn.NET/lecturer/992

　　学习是一个枯燥的过程，但能把枯燥的东西变成可以传播可以带来别人快乐的就是一件小确幸。

　　根据一个元素以及和这个元素之间的关系，来查找到另外的元素。

　　如下图，显示了HTML中的结构树，通过 JQuery 遍历，您能够从被选(当前的)元素开始，轻松地在家族树中向上移动(祖先)，向下移动(子孙)，水平移动(同胞)。

　　这种移动被称为对 DOM 进行遍历。

　　遍历 - 父级(祖先)

　　向上遍历DOM数

　　通过如下三个方法，我们可以获取父级元素

• parent()

• parents()

• parentsUntil()

JQuery parent()

parent() 方法返回被选元素的直接父元素。

　　该方法只会向上一级对 DOM 树进行遍历。

HTML代码：<section>
    <h1>文章的<span>标题</span>啦</h1>
    <p>文章的内容内容内容内容内容内容</p>
    <p>结尾部分</p></section>
 
 
JQ代码：
$(document).ready(function () {
    // 通过parent()函数，可获取当前元素的直接父级元素
    var elem = $('span').parent();
    console.log(elem);
});
JQuery parents()
parents() 方法返回被选元素的所有父元素。
HTML代码：<section>
    <h1>文章的<span