`
KAXU
  • 浏览: 273465 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 遍历 parent([expr])

jQueryHTML 
阅读更多

parent([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(){
    
    $("*", document.body).each(function () {
      var parentTag = $(this).parent().get(0).tagName;
      $(this).prepend(document.createTextNode(parentTag + " > "));
    });

  });
  </script>
  <style>
  div,p { margin:10px; }
  </style>
</head>
<body>
  <div>div, 
    <span>span, </span>
    <b>b </b>
  </div>
  <p>p, 
    <span>span, 
      <em>em </em>
    </span>
  </p>
  <div>div, 
    <strong>strong, 
      <span>span, </span>
      <em>em, 
        <b>b, </b>
      </em>
    </strong>
    <b>b </b>
  </div>
</body>
</html>

 

$(this).parent().get(0).tagName

得到页面中各个元素紧邻父元素集合

分享到：
| jquery 遍历 nextAll([expr])
评论
发表评论

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

相关推荐

    jQuery中parent()方法用法实例

    parent()方法是jQuery中非常实用的DOM遍历方法之一，它允许开发者简单快捷地选择和操作元素的直接父元素。通过上面的示例，我们可以看到parent()方法在处理具有相同子元素的多个父元素时的强大功能。此外，使用...

    jquery常用的方法

    - `parent(expr)` - 获取元素的直接父元素。 - `parents(expr)` - 获取元素的所有祖先元素。 - `prev(expr)` - 获取元素的前一个相邻元素。 - `siblings(expr)` - 获取元素的所有同级元素。 12. **核心方法**：...

    jquery函数大全

    - `parent(expr)` 获取父元素。 - `parents(expr)` 获取所有祖先元素。 - `prev(expr)` 获取相邻的前驱元素。 - `siblings(expr)` 获取同级元素。 4. **核心（Core）**： - `$(html).appendTo(”body”);` 在...

    JQuery常用思路方法

    - `parent(expr)`：返回父元素。 - `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经典实例

    19. **遍历祖先与后代**：`parent()`, `parents()`, `children()`, `find()`等方法用于查找元素关系。 20. **选择器扩展**：jQuery支持自定义选择器，如`$.expr[":"]`。 21. **数据绑定**：使用`.data()`方法可以...

    jQuery对象属性.docx

    1. **选择器**：jQuery 提供了丰富的选择器来定位DOM元素，如`first`、`last`用于选取第一个或最后一个元素，`first-child`和`last-child`选取父元素的第一个或最后一个子元素，`parent&gt;child`选取直接子元素，`not...

    Jquery常用方法.txt

    - `parent(expr)` - **描述**：获取当前匹配元素集合的父元素。 11. **获取祖先元素**: - `parents(expr)` - **描述**：获取当前匹配元素集合的祖先元素。 12. **获取前一个兄弟元素**: - `prev(expr)` - **...

    JQuery1.3笔记.txt

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

    jQuery常用方法jQuery常用方法

    - **parent(expr)**: 获取父元素。 - **parents(expr)**: 获取所有祖先元素。 - **prev(expr)**: 获取紧邻当前匹配元素之前的兄弟元素。 - **siblings(expr)**: 获取所有具有相同父元素的兄弟元素。 ### Core 这...

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

    1. **jQuery.parent(expr)**: 这个方法用于查找匹配指定表达式（expr）的直接父元素。如果不提供参数，它会返回所有直接父元素。 2. **jQuery.parents(expr)**: 与parent()不同，parents()会查找所有祖先元素，不仅...

    jquery常用方法

    - `parent(expr)`: 获取元素的直接父元素，可选地通过expr过滤。 - `parents(expr)`: 获取元素的所有祖先元素，可选地通过expr过滤。 - `prev(expr)`: 获取元素的前一个兄弟元素，可选地通过expr过滤。 - `...

    jquery用法大全

    - `parent(expr)`：获取匹配元素的父元素。 - `parents(expr)`：获取所有祖先元素直到文档根。 #### 四、Core核心功能 1. **在DOM中插入HTML** - `$(html).appendTo("body")`：在`&lt;body&gt;`标签内插入HTML代码。...

    JQuery用法大全

    - `parent(expr)`: 获取元素的直接父元素。 - `parents(expr)`: 获取元素的所有祖先元素。 - `prev(expr)`: 获取元素的前一个兄弟元素。 - `siblings(expr)`: 获取元素的所有同级元素。 4. **核心功能** - `$...

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

    要获取父级元素，可以使用`.parent()`，若需过滤特定条件，可以传入表达式，如`$(".class").parent()`。`.parents()`则可以获取所有祖先元素。子级元素可以用`.children()`来获取，它只返回直接的子节点，不包含子孙...

    JQuery常用方法

    - `$(”元素名称”).parent(expr)`: 获取元素的直接父元素。 - `$(”元素名称”).parents(expr)`: 获取元素的所有祖先元素。 - `$(”元素名称”).prev(expr)`: 获取元素的前一个兄弟元素。 - `$(”元素名称”)....

    jQuery 1.2 Cheat Sheet

    - **jQuery(expr, context):** 该方法用于在指定的上下文中选择元素。`expr` 参数定义了要匹配的选择器字符串，而 `context` 参数指定了搜索的起点。 - **jQuery(html):** 创建一个新的 HTML 元素，并返回一个包含这...

    jquery基础教程

    - **父元素**: `parent(expr)`，返回当前元素的父元素。 - **祖先元素**: `parents(expr)`，返回当前元素的所有祖先元素。 - **前一个兄弟元素**: `prev(expr)`，返回紧邻在当前元素前的兄弟元素。 - **同辈元素**: ...

    (完整word版)jquery试题与答案.docx

    12. **jQuery 筛选**：jQuery 的筛选不包括“自动”，其他如过滤（`filter()`, `not()`)，查找（`find()`, `siblings()`, `parent()`)，串联（`.add()`)都是常见的筛选操作。 13. **文档处理**：jQuery 提供包裹（`...

    Jquery方法大全

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

Magicbox
Global site tag (gtag.js) - Google Analytics