`

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

 
阅读更多

jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("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元素开始找,等同于$("p span") 

 

 

分享到:
评论

相关推荐

    jquery的父、子、兄弟节点查找,节点的子节点循环方法

    jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 ...jQuery.prev() //查找上一个兄弟节点,不是所有的兄弟节点 jQuery.prevAll() //查找所有之前的兄弟节点 jQuery.next

    jquery的父子兄弟节点查找示例代码

    在Web开发中,使用jQuery进行DOM操作是常见的需求,尤其是涉及到父子兄弟节点查找的时候。jQuery提供了一系列方法来简化DOM元素的查找工作,帮助开发者快速获取页面元素。在本文中,我们将详细介绍这些父子兄弟节点...

    jquery插入兄弟节点的操作方法

    这里需要注意,`$selectLi`和`$firstLi`必须有相同的父元素,才能成为兄弟节点。 3. **`next()`** 方法: `next()` 方法返回被选元素的下一个兄弟元素。在循环中,`$firstLi=$firstLi.next();` 这行代码用于获取`$...

    jQuery获取父元素节点、子元素节点及兄弟元素节点的方法

    - `find()`方法:虽然通常用于查找子元素,但也可以用来获取父元素,尤其是当元素嵌套较深时。例如,`$("#dwtedx").find("ul");`可以找到`dwtedx`元素下所有的`ul`子元素。 兄弟元素节点的获取:要获取兄弟节点,...

    jquery查找节点

    首先,我们来了解几个基础的jQuery节点查找方法: 1. **`$()`**:这是jQuery的核心函数,可以用于选取DOM元素。例如,`$('div')`会选择所有的`<div>`元素。如果提供的是CSS选择器,如类名或ID,jQuery会返回匹配的...

    jQuery查找节点方法完整实例

    以下是几个常用的节点查找方法: 1. **`$()`**:这是jQuery的核心选择器,可以接受CSS选择器、HTML字符串或DOM元素作为参数,返回一个jQuery对象,表示匹配的节点集合。例如,`$("p")`会选取所有的`<p>`标签。 2. ...

    jquery遍历节点树

    3. **$(selector).siblings()**: 这个方法返回匹配选择器的元素的所有同级元素,即拥有相同父元素的兄弟节点。例如,如果你有多个`<li>`元素,想找到特定`<li>`的相邻兄弟元素,可以使用`$('li').siblings()`。 4. ...

    jquery 删除节点 添加节点 找兄弟节点的简单实现

    以下是基于给定文件信息,关于如何使用jQuery删除节点、添加节点和查找兄弟节点的知识点: 1. **删除节点** - `empty()`方法:此方法用于清空当前选中元素中的所有子节点,但不会移除元素本身。例如,如果你有一个...

    js 获取元素所有兄弟节点的实现方法

    获取元素所有兄弟节点的一个常规方法是先获取该元素的父节点,然后获取父节点的所有子节点,最后从所有子节点中排除掉当前元素本身。这是最常见的思路,代码实现如下: ```javascript function getSiblingNodes...

    JS获取子、父、兄节点方法小结

    本篇文章将总结和介绍JavaScript中获取子节点、父节点、兄弟节点的方法,并提供两种获取兄弟节点的实现方式。 首先,了解一些DOM节点的基础知识是很有必要的。DOM节点是构成HTML文档的最小单元,包括元素节点、属性...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.pdf

    接下来,我们可以使用`childNodes`来获取所有子节点,`parentNode`获取父节点,`nextSibling`和`previousSibling`分别获取当前元素的下一个和上一个兄弟节点,`firstChild`和`lastChild`则分别获取第一个和最后一个...

    JavaScript获取HTML DOM节点元素的方法的总结

    5. `parentObj.getElementsByTagName(tagName)`:与全局的`document.getElementsByTagName()`类似,但在特定的父节点范围内查找指定标签名的子节点。 此外,还可以通过临近节点获取元素: 1. `neighbourNode....

    js与jquery获取父级元素,子级元素,兄弟元素的实现方法

    - `find()`方法用于查找所有后代元素,不仅仅是直接子元素,可以使用选择器来过滤结果。例如,`$("#dom").find("div")`会获取ID为`dom`的元素下所有后代中的`div`元素。 - `contents()`方法返回所有子节点,包括...

    jQuery父级以及同级元素查找介绍

    - `jQuery.prevAll()`返回所有位于当前元素之前的兄弟节点。 - `jQuery.next()`返回紧随当前元素后面的兄弟节点。 - `jQuery.nextAll()`返回所有位于当前元素之后的兄弟节点。 - `jQuery.siblings()`则返回所有兄弟...

    JS获取父节点方法

    通过临近节点获取元素,可以使用`neighbourNode.previousSibling`和`neighbourNode.nextSibling`,分别获取当前元素的前一个和后一个兄弟节点,同样支持递归。 最后,还有`parentObj.getElementsByTagName(tagName)...

    JQ 查找节点

    下面将详细阐述jQuery中用于查找节点的相关知识点。 1. **选择器(Selectors)**: jQuery的选择器是基于CSS选择器的,允许开发者根据ID、类名、属性、标签等来选取元素。例如: - `$("#myID")` 选择ID为"myID"的...

Global site tag (gtag.js) - Google Analytics