jquery如何获取某一个兄弟节点,不是全部的,是指定的兄弟节点

jquery如何获取某一个兄弟节点,不是全部的,是指定的兄弟节点,第1张

$('#id')siblings() 当前元素所有的兄弟节点

$('#id')prev() 当前元素前一个兄弟节点

$('#id')prevaAll() 当前元素之前所有的兄弟节点

$('#id')next() 当前元素之后第一个兄弟节点

$('#id')nextAll() 当前元素之后所有的兄弟节点

这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了。

扩展资料

1、jquery 获取元素(父节点,子节点,兄弟节点)

$("#test1")parent(); // 父节点

$("#test1")parents(); // 全部父节点

$("#test1")parents("mui-content");

$("#test")children(); // 全部子节点

$("#test")children("#test1");

$("#test")contents(); // 返回#test里面的所有内容,包括节点和文本

$("#test")contents("#test1");

$("#test1")prev();  // 上一个兄弟节点

$("#test1")prevAll(); // 之前所有兄弟节点

$("#test1")next(); // 下一个兄弟节点

$("#test1")nextAll(); // 之后所有兄弟节点

$("#test1")siblings(); // 所有兄弟节点

$("#test1")siblings("#test2");

$("#test")find("#test1");

2、元素筛选

// 以下方法都返回一个新的jQuery对象,他们包含筛选到的元素

$("ul li")eq(1); // 选取ul li中匹配的索引顺序为1的元素(也就是第2个li元素)

$("ul li")first(); // 选取ul li中匹配的第一个元素

$("ul li")last(); // 选取ul li中匹配的最后一个元素

$("ul li")slice(1, 4); // 选取第2 ~ 4个元素

$("ul li")filter(":even"); // 选取ul li中所有奇数顺序的元素

这样:

<ul class="parent1">

    <li><a href="#" id="item1">jquery获取父节点</a></li>

    <li><a href="#">jquery获取父元素</a></li>

</ul>

扩展资料:

注意事项

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。

<div id='div1'>

<div id='div2'><p></p>

</div><div id='div3' class='a'><p></p></div>

<div id='div4'><p></p></div>

</div>

首先我要问一下你的jquery版本是多少?如果是jquery18以后的话,jquery的attr方法已经用prop方法替代了,prop方法的用法和attr完全一样,jquery18以后的attr方法会出现你说的问题。你把attr改成prop试一下

以上就是关于jquery如何获取某一个兄弟节点,不是全部的,是指定的兄弟节点全部的内容,包括:jquery如何获取某一个兄弟节点,不是全部的,是指定的兄弟节点、jquery怎么获取当前元素的父元素、jq获取动态元素属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9751868.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存