关于JQ获取同级元素问题（相邻、不相邻）

最新推荐文章于 2024-07-05 22:04:55 发布
最新推荐文章于 2024-07-05 22:04:55 发布
阅读量2w 收藏 4
点赞数
文章标签： JQ获取同级元素 不相邻
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czz1315114877/article/details/76646113
版权
本文探讨在jQuery中如何获取不相邻的同级元素，特别是当中间存在其他元素时。作者分享了解决方法，包括使用`prevAll()`结合`:first`或`:nth-child()`选择器实现，并邀请读者交流更优方案。
摘要由CSDN通过智能技术生成

本人于开发项目过程遇获取不相邻同级元素问题，特发表此文章，分享自己个人解决方法，若其他博友有更好的意见或解决方法，望不吝啬，大胆提出，我们共同探讨，共同进步！

相信不少的博友都知道在JQ获取同级元素的标签，下面笔者先简单说明一下这几个标签：


jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()，返回所有之前的兄弟节点 

jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点 

jQuery.nextAll()，返回所有之后的兄弟节点 

jQuery.siblings(),返回兄弟姐妹节点，不分前后

最低0.47元/天 解锁文章
我的代码丶你的酒
关注
js父元素获取子元素img_js和jquery获取父级元素、子级元素、兄弟元素的方法
weixin_39915815的博客
12-19 1171
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用：比如：var a = docuemnt.getElementById("dom").getElementsByTagName_r("div"); 这样是没有问题...
jQuery获取同级元素
weixin_30672019的博客
07-09 170
next()相邻下一个同级元素 prev()相邻上一个同级元素 siblings()所有同级元素 $("#id").next(); $("#id").prev(); $("#id").siblings(); 转载于:https://www.cnblogs.com/royalxavier/p/5655075.html...
JS实现当前元素的同级元素 以及父元素的同级元素
最新发布
C or CPP
07-05 390
【代码】实现当前元素的同级元素 以及父元素的同级元素。
jquery选择器如何获取父级元素、同级元素、子元素
weixin_30241919的博客
07-11 182
一、新建页面　　 1 <ul> 2 <li>list item 1</li> 3 <li>list item 2</li> 4 <li class="third-item">list item 3</li> 5 <li&...
jQuery在同级节点中查找
sayyy的专栏
11-29 520
jQuery 遍历 参考这里：https://www.w3school.com.cn/jquery/jquery_ref_traversing.asp jQuery在同级节点中查找 在 p 元素的同级元素中查找：所有类名为 “selected” 的元素： $("p").siblings(".selected");
dom js 同级_JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
weixin_30676505的博客
12-31 618
$(function(){//遍历获取的input元素对象数组，绑定click事件var len = $("input[type='file']").length;for(var i = 0; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().h...
js怎样获取元素节点 怎样获取某个元素下的第一个节点 获取相邻的兄弟节点
10-11 4077
有时候不需要使用jquery，而如果需要用原生js获取节点就比较麻烦了 以下是一些比较常用的api，记录一下。 不一定兼容ie <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=...
《前端》使用jquery选择器如何获取父级元素、同级元素、子元素--2020年8月26日
BelleDiao的博客
08-26 847
一、获取父级元素 1、 parent([expr]): 获取指定元素的所有父级元素 <!-- 获取父级、子、同级元素 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
使用jquery prev()方法找到同级的前一个元素
10-25
在使用.prev()时还可能会遇到的特殊情况是，如果页面上的元素是动态生成的，那么在元素没有被添加到DOM中之前，使用.prev()方法是找不到这些元素的。在这种情况下，我们可能需要使用事件监听器来等待DOM的变化，然后...
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
11-27
1.获取父级元素 $("#id").parent() 获取其父级元素 $("#id").parents() 获取其所有的祖先元素 $("#id").closest() 获取其最近的祖先元素，依次上溯 ——————————————————————————– 2.获取同级元素 $("#id").next(selector) 获得匹配元素紧邻的下一个同胞元素。如果提供选择器，则取回匹配该选择器的下一个同胞元素。 $("#id").nextAll(selector) 获得匹配元素后面的所有同胞元素，由选择器筛选是可选的。 $("#id").prev(selector) 获得匹配元素紧邻的前一个同胞元素
jquery slibings选取同级其他元素的实现代码
12-12
代码如下:[removed]$(function(){    $(“#downloadchartsright .chartstitleopt,#downloadchartsleft .chartstitleopt”).click(function(){        $(this).siblings().removeClass(‘underline’).end().addClass(‘underline’);    });})[removed]比如点击“今日排名”“本周排名”“本月排名”显示底部下划线，可以通过以上jquery代码显示隐藏样式。
jquery获取父元素、同级元素、子元素
ydlmlh的专栏
01-04 295
一、获取父元素   1、 parent([expr]):获取指定元素的父级元素（只获取上一级） 2、 parents([expr]):获取指定元素的所有父级元素 &lt;div id="par_div"&gt;&lt;a id="href_fir" href="#"&gt;href_fir&lt;/a&gt;&lt;a id="href_sec" hre
jquery应用—— 查找元素相关（选择器）；
weixin_41265663的博客
09-17 1360
子元素选择器： // 大前提： 所选的 都是 修饰div的... div 是它父元素（没有限定）的第一个孩子吗？是最后一个孩子吗？是第index个孩子吗？是唯一的孩子吗？ $('div:first-child') // 匹配所有为第一个元素的div $('div:last-child') // 匹配所有为最后一个元素的div $('div:nth-child(...
jQuery获取相同元素下标
denghe4720的博客
01-17 765
如题：经常搞混淆，index()获取的是下标，而eq（下标值）获取的是元素对象 var list=$(".toos");//获取class为toos的元素集合$('.toos').on('click', function(){ //var index=list.eq(this); var index=list.index(this);//获取下标 alert(index);...
【动态规划】求数组不相邻元素之和最大
Microstrong
10-31 1万+
我的个人微信公众号：Microstrong 微信公众号ID：MicrostrongAI 微信公众号介绍：Microstrong(小强)同学主要研究机器学习、深度学习、计算机视觉、智能对话系统相关内容，分享在学习过程中的读书笔记！期待您的关注，欢迎一起学习交流进步！ 知乎专栏：https://zhuanlan.zhihu.com/Microstrong Github：https://git...
jQuery基本操作
weixin_58419099的博客
02-20 896
会使用基本选择器获取元素 会使用层次选择器获取元素 会使用属性选择器获取元素 会使用过滤选择器获取元素
jquery中获取相邻元素相关的命令：next()、prev()和siblings()
weixin_34218890的博客
05-18 1227
jquery里我们要获取某个元素的相邻元素时，可以用到的命令有三个： next():用来获取下一个同辈元素。 prev():用来获取上一个同辈元素。 siblings()：用来获取所有的同辈元素。 下面来看看简单的实例： &lt;div&gt; &lt;p id="1"&gt;1&lt;/p&gt; &lt;p id="2"&gt;2&lt;/p&gt; &amp
jquery选择器 之 获取父级元素、同级元素、子元素
热门推荐
漂浮
09-15 3万+
一、获取父级元素 1、 parent([expr]): 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。
JQ 获取相邻上级元素
06-08
如果你想获取当前元素相邻的上级元素，可以使用 jQuery 的 `parent()` 方法。例如，如果你想获取当前元素的直接父元素，可以使用以下代码： ```javascript $(this).parent(); ``` 如果你想获取当前元素的祖先元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我的代码丶你的酒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值