当前位置:首页 > 教程 > {name} > jquery选择器 之 获取父级元素、同级元素、子元素

jquery选择器 之 获取父级元素、同级元素、子元素

所属栏目:网站开发更新时间:2019-10-07来源:作者:deepdfhy浏览:0

一、获取父级元素

1、 parent([expr]):

获取指定元素的所有父级元素

1
2
3
4
5
6
7
8
9
"par_div">"href_fir"?href="#">href_fir
"href_sec"?href="#">href_sec
"href_thr"?href="#">href_thr
"par_span">
"href_fiv"?href="#">href_fiv
$(document).ready(function(){
$("a").parent().addClass('a_par');
});

二、获取同级元素:1、next([expr]):

获取指定元素的下一个同级元素(注意是下一个同级元素哦)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
??"text/javascript"?src="/jquery/jquery.js">
??
    ???
  • list item 1
  • ???
  • list item 2
  • ???
  • "third-item">list item 3
    ???
  • list item 4
  • ???
  • list item 5
  • ??
    ??

    这个例子的结果是,只有list item 4背景色变为红色


    2、nextAll([expr]):

    获取指定元素后边的所有同级元素

    Hello

    Hello Again

    And Again

    var p_nex = $("p").nextAll();
    p_nex.addClass('p_next_all');

    注意看最后一个”<>


    3、andSelf():

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

    我感觉这个函数是最有意思的一个函数了,什么意思?直译过来就是”还有我“,”还有自己”,没错,还有自己。

    1
    2
    3

    Hello

    Hello Again

    And Again
    var?p_nex = $("p").nextAll().andSelf();
    p_nex.addClass('p_next_all');

    注意看第一个“

    ”标签啊,这句话的意思是选择p标签后面的所有同级标签,以及自己。。。

    以下这两个不举具体的例子了,实际上就是next()和nextAll()的相反喽

    4、prev():获取指定元素的上一个同级元素(是上一个哦)。

    5、prevAll():获取指定元素的前边所有的同级元素。


    相关教程
    给个评价吧
    学习更多的
    最新更新的