【Jquery】遍历兄弟节点siblings方法注意事项

于 2022-08-25 10:25:34 发布
阅读量505 收藏
点赞数
分类专栏： javascript Jquery 文章标签： jquery 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MoFe1/article/details/126519210
版权

使用时可使用选择器 如$(this).siblings("#id"),但不可使用级联选择器，实际使用时未找到需要选择的内容

如$(this).siblings("#id .class")未直接查找到属于类class的DOM,显示查询到的结果长度为0,应使用$(this).siblings("#id").find(".class")的查询方式可查询到当前查询内容的id为id的兄弟节点下类为class的元素

MoFe1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery(3-10)遍历,兄弟,子,closest(),节点
蓝╭☆叶的专栏
12-28 1429
遍历节点.html                       -->            .wid{   width: 150px ;   color: purple ;  font-weight: bold;;    }   .hei{   height: 150px;   }   .another{   font-style: i
jQuery遍历siblings()
qq_43742368的博客
05-27 175
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <script src="../jquery-1.10.2.min.js"></script> <script type="text/javas
siblings ---选择兄弟集合(标签相同)
维克多噗噗的博客
04-14 1213
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Author" content=" "> <title>Document</title> <style type="text/css"> *{margin: 0;padding: 0;}
jQuery 遍历 - 同胞(siblings)
编辑编辑器
03-05 292
jQuery 遍历 - 同胞(siblings) 同胞拥有相同的父元素。 通过 jQuery，您能够在 DOM 树中遍历元素的同胞元素。 在 DOM 树中水平遍历 有许多有用的方法让我们在 DOM 树进行水平遍历： siblings() next() nextAll() nextUntil() prev() prevAll() prevUntil() jQuery siblings() 方法 siblings() 方法返回被选元素的所有同胞元素。 下面的例子返回 的所有同胞元素： <!DOC
jquery遍历节点
whjwhja6的专栏
04-17 663
//遍历节点 $(function(){  //children()父元素下面的所有子元素  var $body=$("body").children();  alert($body.length);//3    //next()当前元素下一个同辈元素 var $p=$("p").next();  alert($p.html());    //prev()当前元素上一个同辈元素
jQuery 遍历 - eq() 和siblings() 方法
10-21 6602
eq() 方法将匹配元素集缩减值指定 index 上的一个。 通过为 index 为 2 的 div 添加适当的类，将其变为蓝色： div { width:60px; height:60px; margin:10px; float:left; border:2px solid blue; } .blue { background:blue; }
jQuery 遍历 - siblings() 方法
霖霂晗的专栏
03-18 1485
第一种方法 js代码： $(document).ready(function(){ $('.nav li.two').siblings(".nav li.one").css('background-color', '#B60000'); //除了数字1背景变为红色，其他的颜色不变 }) css 代码：
html中siblings方法,jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例...
weixin_42415059的博客
06-28 1449
jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法示例本文实例讲述了jQuery使用siblings获取某元素所有同辈(兄弟姐妹)元素用法。分享给大家供大家参考，具体如下：siblings()属于jQuery筛选类的API，用来查找某个元素的所有同辈元素(所有兄弟姐妹)。假如需要实现如下功能：点击某个按钮的时候，该按钮背景色变成#88b828，其他按钮背景色变成#15b494。...
jquery $(this)运用
whjwhja6的专栏
04-17 719
.parent{cursor:pointer;background:red;} /*$(function(){   $("tr.parent").toggle(function(){   $(this).siblings(".child_"+this.id).hide();},function(){   $(this).siblings(".child_"+this.id).sho
jquery遍历函数siblings()用法实例
10-23
通过对jquery遍历函数siblings()用法的介绍，以及结合实际的示例分析，我们可以看到如何利用这个函数来对页面元素的同级兄弟进行操作。对于使用jQuery进行前端开发的开发者来说，掌握此类函数能显著提高开发效率和...
jQuery基础（DOM篇，append()，after()，prepend()，insertAfter()，节点删除，遍历方法each()）
小熊一乐的博客
07-27 1598
1.DOM创建节点及节点属性   创建流程比较简单，大体如下：   - 创建节点(常见的：元素、属性和文本) - 添加节点的一些属性 - 加入到文档中   流程中涉及的一点方法：   - 创建元素：document.createElement - 设置属性：setAttribute - 添加文本：innerHTML - 加入文档：appendChild   2.jQuery节点创建与属性的处理
jQuery基础—DOM之Query遍历
weixin_53341657的博客
01-15 269
1、children()方法 jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系） 理解节点查找关系： <div class="div"> <ul class="son"> <li class="grandson">1</li> &lt
jQuery
weixin_45756606的博客
06-29 532
​ JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。​ 常见的JavaScript 库：jQuery、Prototype、YUI、Dojo、Ext JS、移动端的zepto等，这些库都是对原生 JavaScript 的封装，内部都是用 JavaScript 实现的，我们主要学习的是 jQuery。​ jQuery总体概况如下 :jQu
JQuery
weixin_45701868的博客
05-17 1484
目录 1. 什么是 JQuery 2. JQuery 特点 3. 入门程序 4. JQuery 语法 4.1.语法 4.2.说明 4.3.核心函数的功能 5. 什么是 Jquery 对象 6. 使用 jQuery 对象的优缺点： 7. 编码习惯 8. DOM 转 Jquery 对象 8.1.语法 8.2.案例 9. JQuery 转 Dom 对象 9.1.语法 9.2.案例 10. 什么是 jQuery 选择器 11. jQuery 选择器的基本语法 12. 基本选择器
javascript学习笔记
心如止水博客
08-11 306
location.reload(); jquery刷新页面
TP框架学习笔记第三天
热门推荐
伟仔的小天地
04-23 1万+
此文章为自己书写，在Word上做的笔记，然后拷贝到这上边的，无任何抄袭。另外若是程序有任何问题可以评论，也可私信我。 若是想看整个学习笔记代码和数据库可点击此处（包含个人书写的项目代码及数据库文件）。第三天概述1.命名空间 （1）声明、多级空间、访问元素 （2）引入（空间、类元素、别名） （3）公共空间 2.验证码、附件上传、缩略图 3.给tp框架自定义工具类1
jQuery获取父节点、子节点、兄弟节点
码农桃子的博客
07-07 1万+
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；
jquery中遍历 - siblings()方法
大道至简
09-17 428
[code="java"] 实例 查找每个 p 元素的所有类名为 "selected" 的所有同胞元素： $("p").siblings(".selected") 亲自试一试 定义和用法 siblings() 获得匹配集合中每个元素的同胞，通过选择器进行筛选是可选的。 语法 .siblings(selector) [/code]...
jquery中siblings()使用学习
钟渊博客
11-14 3326
定义和用法 siblings() 方法返回被选元素的所有同级元素。 同级元素是共享相同父元素的元素。 可以用如下图的功能： 我们点击某一个方式的时候，要让点击的元素选择并且要上前一个选中的元素为选择，这个就可以使用siblings()方法。 代码： A //默认A为选择状态 B Cjs代码：$(obj).addClass("active").siblings().rem
遍历同辈节点的方法_JQuery遍历DOM节点的方法
最新发布
05-26
在 jQuery 中，可以使用以下方法来遍历同辈节点： 1. `next()`：返回当前元素的下一个同辈元素。 2. `prev()`：返回当前元素的上一个同辈元素。 3. `nextAll()`：返回当前元素之后所有的同辈元素。 4. `prevAll()`：返回当前元素之前所有的同辈元素。 5. `siblings()`：返回当前元素的所有同辈元素。 例如，如果要遍历某个元素的所有同辈元素，可以使用以下代码： ``` $(selector).siblings().each(function() { // 遍历每个同辈元素 }); ``` 其中，`selector` 是要遍历的元素的选择器。在遍历时，可以通过回调函数来处理每个同辈元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值