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

 我来答
阿刚炖蛋
2017-03-14 · TA获得超过3004个赞
知道大有可为答主
回答量:1789
采纳率:92%
帮助的人:985万
展开全部

你好!

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

希望对你有帮助!

丁巴什罗大神cy
2019-03-01 · TA获得超过1784个赞
知道小有建树答主
回答量:1525
采纳率:86%
帮助的人:630万
展开全部

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

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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
金芃阁
高粉答主

2018-03-30 · 每个回答都超有意思的
知道大有可为答主
回答量:216
采纳率:100%
帮助的人:93.9万
展开全部

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

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

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

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
育知同创教育
2017-03-14 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部
prevAll() 查找当前元素之前所有的同辈元素
nextAll() 查找当前元素之后所有的同辈元素
siblings() 查找当前元素所有同辈元素
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式