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

时间:2022-10-16 06:49:59

例:

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