Question

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

Answer 1

你好！

获取同辈的元素，有个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)

希望对你有帮助！

Answer 2

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

$("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获取同辈元素中后几个元素的三种方法

Answer 3

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

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

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

Answer 4

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