`
BrotherQqiang
  • 浏览: 14754 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

JQuery查找子元素、父元素、同辈元素

 
阅读更多

JQUERY的父,子,兄弟节点查找方法

 

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如(“span”).parent()或者(“span”).parent()或者(“span”).parent(“.class”)

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素

jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jQuery对象返回,children()则只会返回节点

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

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

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

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

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

jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find() 

的返回结果,不会有初始集合中的内容,比如(“p”),find(“span”),是从元素开始找,等同于(“p”),find(“span”),是从元素开始找,等同于(“p span”)。

 

分享到:
评论

相关推荐

    jquery层级选择器(匹配父元素下的子元素实现代码)

    在本篇内容中,我们主要关注的是如何使用jQuery层级选择器来匹配父元素下的子元素,并通过实现代码展示了具体的操作方法。 首先,jQuery提供了多种层级选择器,用来选取特定层级关系的元素。在文章中提到的有: 1. ...

    jQuery学习资料

    - **jQuery.index(element)**:返回当前元素相对于同辈元素的位置。 - **jQuery.each(function)**:遍历jQuery对象集合中的每个元素。 - **jQuery.size()**:返回jQuery对象集合中元素的数量。 - **jQuery.length**...

    jQuery详细教程

    演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏所有 <p> 元素。 $(".test").hide() 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。 jQuery 语法 ...

    jquery 学习笔记

    * children():返回元素集合中每一个元素的所有子元素的集合 * parent():返回元素集合中每个元素的父元素 * parents():返回元素集合中所有元素的继承树中的所有祖先元素 * not():从元素集合中删除与指定表达式...

    jquery选择器分类说明

    - `parent > child`:选取父元素下的子元素,如`$("div > span")`选取`<div>`元素下的直接子元素`<span>`。 - `prev + next`:选取紧接在`prev`元素后的`next`元素,如`$(".one + div")`选取class为`one`的元素...

    浅析jQuery 遍历函数,javascript中的each遍历_.docx

    jQuery 遍历函数是 jQuery 库中的一组方法,用于筛选、查找和串联元素。这些方法可以帮助开发者快速地操作和处理 HTML 元素。下面是 jQuery 遍历函数的详细介绍: 1. `.add()` 方法:将元素添加到匹配元素的集合中...

    jquery基础教程

    - **同辈元素**: `siblings(expr)`,返回与当前元素具有相同父元素的所有兄弟元素。 #### Core(核心) - **HTML字符串转换为DOM元素**: `$(html).appendTo("body")`,将HTML字符串转换为DOM元素并将其附加到`body`...

    jQuery技术手册

    - **siblings(selector)`: 选择当前元素的同辈元素。 - **parent()`: 选择当前元素的父元素。 - **children(selector)`: 选择当前元素的子元素。 - **find(selector)`: 选择当前元素内部的元素。 **4.2 jQuery遍历-...

    jQuery完全实例.rar

    找到所有 p 元素,并且这些元素都必须是 div 元素的子元素。 HTML 代码: <p>one</p> <div><p>two</p></div> <p>three</p> jQuery 代码: $("div > p"); 结果: [ <p>two</p> ] ------------------------------...

    JQuery遍历DOM节点的方法

    `children()` 方法是JQuery中用于获取匹配元素集合中每个元素的直接子元素的方法。它返回的集合仅包含直接子元素,不包括更深层的后代元素。 #### 示例代码: ```javascript var $body = $("body").children(); ...

    跟着JQuery API学Jquery 之三 筛选

    例如,你可能会先用children()获取子元素集合,然后用filter()方法筛选出符合特定条件的子元素,再用andSelf()将筛选后的结果合并回父元素集合中。理解和熟练使用这些筛选方法,可以极大地提高开发效率,使代码更加...

    java学习资料,来来

    - **查找子元素**: `$(“元素名称”).children([expr])`用于获取指定元素的子元素。 - **查找同辈元素**: `$(“元素名称”).siblings([expr])`用于获取与匹配元素具有相同父元素的同辈元素。 - **查找父元素**: `...

    浅析jQuery 遍历函数,javascript中的each遍历

    - .children():获得匹配元素集合中每个元素的所有直接子元素。 - .closest():从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。 - .contents():获得匹配元素集合中每个元素的所有子节点,包括文本...

    jquery 多级下拉菜单核心代码

    2. **添加样式类**:通过 `.prev()` 方法找到带有 `.aaa` 类的子菜单的前一个同辈元素,并为其添加一个名为 `.bbb` 的样式类。这通常用于改变该元素的外观,例如更改背景色或字体颜色。 #### 五、扩展性与优化建议 ...

Global site tag (gtag.js) - Google Analytics