jquery怎样获得同辈的前几个和后几个元素

如题所述

举报该文章

相关建议 2017-03-14

你好！

获取同辈的元素，有个siblings()方法，这个可以获取到同级的所有元素;
还有prev()、next()分别获取之前和之后的元素，这是取向前或向后的一个元素;
prevAll()、nextAll()是获取之前和之后的所有同级元素;

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

$("li.third-item").siblings(); //可以获取4个li元素

$("li.third-item").prev();   //取得item2
$("li.third-item").next();   //取得item4

$("li.third-item").prevAll();  //取得item1 itme2
$("li.third-item").nextAll();  //取得item4 item5

还有种方式就是通过siblings()方法获取到同级元素后，使用eq()方法定位元素

var $lis = $("li:last").siblings();
$lis.eq(0)

希望对你有帮助！

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/744smq2msm27ss4qfp.html

其他看法

第1个回答 2019-03-01

获取前几个元素，不难，难的是获取后几个元素，尤其是在不知道具体有几个同辈元素的时候，这里给你提供三种方法：

$("p").slice(-3).remove();//选择最后三个P标签元素

$("p").eq(-4).nextAll().remove();//删除最后三个P标签元素

var _max=$("div#aijquery span:last").index();
var _get=_max-3; //要获取后几个就减几，这里是删除后三个
$("div#aijquery span:gt("+_get+")").remove();

你可以看下这篇文章，写得很好，我从这个站真的学到了很多，还有完整的在线实例演示，不用自己再在本方写代码作测试：

jquery获取同辈元素中后几个元素的三种方法

第2个回答 2018-03-30

prevAll()、nextAll()是获取之前和之后的所有同级元素。

$("li.third-item").prevAll(); //取得item1 itme2

$("li.third-item").nextAll(); //取得item4 item5

本回答被网友采纳

第3个回答 2017-03-14

prevAll() 查找当前元素之前所有的同辈元素
nextAll() 查找当前元素之后所有的同辈元素
siblings() 查找当前元素所有同辈元素

相似回答

大家正在搜