jquery 遍历 parent([expr])

最新推荐文章于 2021-08-20 15:56:26 发布
最新推荐文章于 2021-08-20 15:56:26 发布
阅读量156 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery HTML ViewUI

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

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

iteye_2604
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中parent()方法用法实例
01-21
本文实例讲述了jQuery中parent()方法用法。分享给大家供大家参考。具体分析如下： 此方法取得匹配元素集合中每个元素的紧邻父元素，也就是第一级父元素，而不是所有的祖先元素。 所取得的父元素集合也可以使用表达式进行筛选。 语法结构: 代码如下:$(selector).parent(expr) 参数列表: 参数 描述 expr 可选。用来筛选的表达式 实例代码: 实例一： 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″/> <meta name=”author” content=”//www.jb5
jquery表达式详解 parents([expr]) parent([expr])
wangsong76的专栏
12-27 428
[code="html"] Hello xxxxx Hello Again [/code] parent([expr]) 说明： expr (String) : (可选)用来筛选的表达式 取得一个包含着所有匹配元素的唯一父元素的元素集合。 例： [code="js"] $("p").parent() [/code] ...
parent () 遍历父元素
tianxiu11的博客
07-06 1157
开发工具与关键技术：vs2015 jQuery 作者：陈星宇 撰写时间：2019.7.8 想必大家在做项目过程中都会用到嵌套的页面,而我们写的代码都是在嵌套的页面中,那嵌套的页面该如何调用父级元素页面的方法呢?这里我分享一个Jquery的方法,parent(); 举个最简单的例子,我们使用模态窗体嵌套页面的时候 我们要关闭模态框时，那就要在在嵌套的页面手动关闭，在嵌套页面中是关闭不了自己这个...
jQuery-parent(exp)用法
abasen的专栏
08-29 1846
parent(exp)用法:取得一个包含着所有匹配元素的唯一父元素的元素集合。   $(document).ready(function() { $("#btn1").click(function(){ alert($(this).parent().next().html()); }); });                   some text ....其中：thi
jquery兄弟标签_jQuery的父，子，兄弟节点查找方法
weixin_39690625的博客
12-20 176
jQuery的父，子，兄弟节点查找方法jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr).返回所有子节点，这...
jQuery获取元素父节点的方法
10-22
在标题和描述中提到的"jQuery获取元素父节点的方法"，主要包括`parent()`、`parents()`和`closest()`这三个方法。下面将详细介绍这三个方法以及它们的区别。 1. `parent([expr])`： `parent()`方法用于获取匹配...
jquery函数大全
07-02
- `parent(expr)` 获取父元素。 - `parents(expr)` 获取所有祖先元素。 - `prev(expr)` 获取相邻的前驱元素。 - `siblings(expr)` 获取同级元素。 4. **核心（Core）**： - `$(html).appendTo(”body”);` 在...
jQuery对象属性.docx
05-28
1. **选择器**：jQuery 提供了丰富的选择器来定位DOM元素，如`first`、`last`用于选取第一个或最后一个元素，`first-child`和`last-child`选取父元素的第一个或最后一个子元素，`parent>child`选取直接子元素，`not...
jQuery中is()方法用法实例
10-24
`is()`方法的基本语法是`$(selector).is(expr)`，其中`selector`是一个jQuery对象或DOM元素，而`expr`是一个选择器表达式。这个方法会检查元素集合中是否存在至少一个元素符合`expr`所表示的选择器。如果找到匹配项...
jquery的父、子、兄弟节点查找,节点的子节点循环方法
10-20
1. **jQuery.parent(expr)**: 这个方法用于查找匹配指定表达式（expr）的直接父元素。如果不提供参数，它会返回所有直接父元素。 2. **jQuery.parents(expr)**: 与parent()不同，parents()会查找所有祖先元素，不仅...
在jquery中通过父级查找进行定位的代码详解
徊忆羽菲
08-20 581
在jquery中通过父级查找进行定位的代码详解parent()parents()children()contents()prev()prevAll()next()nextAll()siblings()find() parent() parent() 方法返回被选元素的直接父元素。 DOM 树：该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径（返回祖父节点或其他祖先），请使用 parents() 或 parentsUntil() 方法。 提示：如需沿着 DOM 树向下遍历单一层级
jquery parent()
YL_WH的专栏
01-23 959
function log(info) { console.log(info); } $(document).ready(function(){ log($("#z").parent()); log($("#z").parent().get(0)); log($("#z").parent()[0]); if ($("#z").parent().ge
JS获取节点的兄弟，父级，子级元素
热门推荐
hellogull
05-14 59万+
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName("div
jquery的parent()方法
倒骑驴走着瞧的博客
03-17 2853
帮朋友查看一个问题，顺便捡一下web开发知识 parent() 方法返回被选元素的直接父元素 测试用例：修改li的父节点的兄弟节点的样式 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt; &lt;
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
07-17 1万+
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
jQuery—向上遍历（parent/parents/parentUntil）
Scrow1204的博客
08-23 1135
注意：parentUntil方法指定的区间是开区间。   HTML代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;向上遍历&lt;/title&gt; &lt;script s
jquery获取父级元素、子级元素、兄弟元素的方法
WitsMakeMen的专栏
03-10 5万+
jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素 jQuery.children(expr).返回所有子节点，
jQuery中的parent方法、parents方法
徐冰的博客
11-09 1万+
一、parent()方法： 取得一个包含着所有匹配元素的唯一父元素的元素集合。 html代码如下： <form> <input type="radio" value="0"/>男<input type="radio" value="1"/>女 </form> jQuery代码如下： <script> var dom = $("[ty...
jquery获取parent,children的使用父亲子类用法
有 prepare , No out
12-20 7560
1 孕婴童 11月份品牌排行 ? 孕妇装12月份产品排行 ? 孕妇装 查看完整榜单 该品类本月新增3个品牌，更新时间：2013-10-30 $('.charts h3 a').hover(function () { var $this = $(this); $this.parent().parent().children(".Update_time").child
深入理解jQuery扩展机制
这可以通过$.expr.createPseudo函数实现，它可以接受一个函数，该函数返回元素是否匹配自定义选择器。 2. **扩展jQuery对象**：通过$.fn（即$.prototype）可以向jQuery实例添加新方法。例如，我们可以创建一个`fade...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值