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");