jquery 遍历 parents([expr]) - KAXU - ITeye博客

`

KAXU

浏览: 273444 次
性别:
来自: 武汉

最近访客更多访客>>

live365.wang

eyesye

shexindong

祺祥治世

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

dwl0410：我的这种 aciton请求怎么不行啊。。 <scri ...
jquery加载页面时调用js的方法
djinjie945：谢谢，好使
jquery 遍历 map(callback)
KAXU：对的，官网上的。
jquery 控制 insertBefore(content)
sumaolin：这是手册上的示例吧
jquery 控制 insertBefore(content)
KAXU： black.angel 写道楼主你是转载的吧，怎么弄都弄不好 ...
AppFuse2.0 初始化

jquery 遍历 parents([expr])

博客分类：

jQuery

阅读更多

parents([expr])

得到匹配元素集合中各个元素的所有祖先元素集合。返回匹配元素集合

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    var parentEls = $("b").parents()
                          .map(function () { 
                                return this.tagName; 
                              })
                          .get().join(", ");
    $("b").append("<strong>" + parentEls + "</strong>");

  });
  </script>
  <style>
  b { color:blue; }
  strong { color:red; }
  </style>
</head>
<body>
  <div>
    <p>
      <span>
        <b>My parents are: </b>
      </span>
    </p>
  </div>
</body>
</html>

$("b").parents()

将得到b元素集合中各个元素的所有祖先元素集合。以下是匹配元素集合

<html>

<body>
<div>
<p>
<span>

分享到：

jquery 遍历 prev([expr]) | jquery 遍历 parent([expr])

2009-01-08 16:41
浏览 952
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

jQuery中parents()方法用法实例: jQuery是一个非常流行的JavaScript库，它简化了HTML文档遍历和操作，事件处理，动画和Ajax交互等功能。jQuery中的parents()方法是用于获取匹配元素集合中每个元素的所有父辈元素，直到文档的根元素。具体来说，...

jquery常用的方法: - `parents(expr)` - 获取元素的所有祖先元素。 - `prev(expr)` - 获取元素的前一个相邻元素。 - `siblings(expr)` - 获取元素的所有同级元素。 12. **核心方法**： - `$(html).appendTo(”body”)` - 将HTML...

jquery函数大全: - `parents(expr)` 获取所有祖先元素。 - `prev(expr)` 获取相邻的前驱元素。 - `siblings(expr)` 获取同级元素。 4. **核心（Core）**： - `$(html).appendTo(”body”);` 在body中动态添加HTML。 - `$(elems...

JQuery常用思路方法: - `parents(expr)`：返回所有祖先元素。 - `find(expr)`：返回所有后代元素。 - **过滤方法**： - `filter(expression)`：返回与表达式匹配的元素。 - `not(expression)`：返回不与表达式匹配的元素。 - **...

jquery 事件方法大全: `filter(expression)`, `find(expr)`, `is(expr)`, `next(expr)`, `not(el)`, `not(expr)`, `not(elems)`, `parent(expr)`, `parents(expr)`, `prev(expr)`, `siblings(expr)` - 这些方法用于选择、过滤和遍历DOM...

50个Jquery经典实例: 20. **选择器扩展**：jQuery支持自定义选择器，如`$.expr[":"]`。 21. **数据绑定**：使用`.data()`方法可以将数据绑定到元素，便于后续访问。 22. **异步图片加载**：使用`$.when()`结合`$.Deferred()`可实现图片...

Jquery常用方法.txt: - `parents(expr)` - **描述**：获取当前匹配元素集合的祖先元素。 12. **获取前一个兄弟元素**: - `prev(expr)` - **描述**：获取当前匹配元素集合的前一个兄弟元素。 13. **获取同级兄弟元素**: - `...

JQuery1.3笔记.txt: - `parent(expr)`, `parents(expr)`: 查找当前元素的父元素或祖先元素。 #### 核心功能 (Core) 1. **创建元素** - `$(html).appendTo("body")`: 创建一个新的HTML元素并将其追加到`<body>`标签内。 2. **操作...

jQuery常用方法jQuery常用方法: - **parents(expr)**: 获取所有祖先元素。 - **prev(expr)**: 获取紧邻当前匹配元素之前的兄弟元素。 - **siblings(expr)**: 获取所有具有相同父元素的兄弟元素。 ### Core 这部分涵盖了jQuery的核心功能。 - **$...

jQuery对象属性.docx: - `parents([expr])`：获取每个元素的所有祖先元素。 - `parentsUntil([expr|ele][,filter])`：获取每个元素到指定元素或表达式为止的所有祖先元素。 - `prev([expr])`：获取每个元素的前一个同级元素。 - `...

jquery的父、子、兄弟节点查找,节点的子节点循环方法: 2. **jQuery.parents(expr)**: 与parent()不同，parents()会查找所有祖先元素，不仅限于直接的父元素。同样，如果提供expr，只会返回匹配表达式的祖先。 3. **jQuery.children(expr)**: 使用此方法可以找到所有直接...

jquery常用方法: - `parents(expr)`: 获取元素的所有祖先元素，可选地通过expr过滤。 - `prev(expr)`: 获取元素的前一个兄弟元素，可选地通过expr过滤。 - `siblings(expr)`: 获取元素的所有同级元素，可选地通过expr过滤。 5. *...

jquery用法大全: - `parents(expr)`：获取所有祖先元素直到文档根。 #### 四、Core核心功能 1. **在DOM中插入HTML** - `$(html).appendTo("body")`：在`<body>`标签内插入HTML代码。 2. **获取DOM元素** - `$(elems)`：根据...

JQuery用法大全: - `parents(expr)`: 获取元素的所有祖先元素。 - `prev(expr)`: 获取元素的前一个兄弟元素。 - `siblings(expr)`: 获取元素的所有同级元素。 4. **核心功能** - `$(html).appendTo(”body”)`: 动态创建并插入 ...

JQuery常用方法: - `$(”元素名称”).parents(expr)`: 获取元素的所有祖先元素。 - `$(”元素名称”).prev(expr)`: 获取元素的前一个兄弟元素。 - `$(”元素名称”).siblings(expr)`: 获取元素的同级元素。 5. **核心功能**： -...

jquery基础教程: - **祖先元素**: `parents(expr)`，返回当前元素的所有祖先元素。 - **前一个兄弟元素**: `prev(expr)`，返回紧邻在当前元素前的兄弟元素。 - **同辈元素**: `siblings(expr)`，返回与当前元素具有相同父元素的所有...

课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.pdf: 如果需要查找特定的后代元素，可以使用`.find(expr)`，这不同于`.filter(expr)`，后者是在当前选择集中筛选元素。总结来说，JavaScript和jQuery在处理DOM元素关系时有各自的特点。JavaScript原生方法虽然灵活，但...

jQuery帮助之筛选查找 children([expr]): 4. **性能优化**：`children([expr])`比`find([expr])`更快，因为`children()`仅查找一级子元素，而`find()`则会遍历所有后代元素。在大型DOM树中，这种差异可能会显著影响页面的加载速度和性能。 5. **与其他方法...

Jquery方法大全: ### Jquery方法大全详解 #### 一、Attribute（属性操作） **1.1 addClass** ```javascript $("p").addClass(css中定义的样式类型); ``` - **功能**：为匹配到的元素添加一个或多个类。 - **参数**：接受一个或多个...

jquery函数大全[参考].pdf: - `$( "元素" ).parents( expr )`：获取元素的所有祖先元素。 - `$( "元素" ).prev( expr )`：获取元素的前一个兄弟元素。 - `$( "元素" ).siblings( expr )`：获取元素的所有同级元素。 **Core**： - `$(html)....

Global site tag (gtag.js) - Google Analytics