
$('#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获取动态元素属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)