JQuery 获取父级元素、同级元素、子元素等

例：

<div>
    <div id="div_1">这是内容1</div>
    <div id="div_2">这是内容2</div>
    <div id="div_3">这是内容3</div>
    <div id="div_4">这是内容4</div>
    <div id="div_5">这是内容5</div>
    <div id="div_6">
        这是内容6
        <div id="div_7">这是内容7</div>
    </div>
</div>

1. 获取父级元素

   var div = $("#div_7").parent();    //获取指定元素的所有父级元素

2. 获取同级元素[向后]

   var div = $("#div_1").next([expr]);    //获取指定元素的下一个同级元素

3. 获取同级元素[向上]

   var div = $("div_3").prev([expr]);    //获取指定元素上一个同级元素

4. 获取指定元素上面的所有同级元素

   var div = $("#div_6").prevAll();    //获取指定元素上面的所有同级元素

5. 获取指定元素后面的所有同级元素

   var div = $("div_1").nextAll();    //获取指定元素后面的所有同级元素

6. 获取指定元素后边的所有同级元素，之后加上指定的元素

   var div = $("#div_1").andSelf();    //获取指定元素后边的所有同级元素，之后加上指定的元素

7. 获取子元素

   var div1 = $("#div_6").find("#div_7");
   var div2 = $("#div_6").children("#div_7");
   var div3 = $("#div_6 > #div_7");
   var div4 = $("#div_6 #div_7");