文章出處

例:

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

     


文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()