jquery遍历-祖先遍历

最新推荐文章于 2023-06-09 10:42:22 发布
最新推荐文章于 2023-06-09 10:42:22 发布
阅读量122 收藏
点赞数
分类专栏： jquery 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaochouyu0703/article/details/84697273
版权
parent()返回被选元素的直接父元素。
parents()返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
parentsUntil()返回介于两个给定元素之间的所有祖先元素。 


<style>
.ancestors *
{ 
display: block;
border: 2px solid lightgrey;
color: lightgrey;
padding: 5px;
margin: 15px;
}
</style>
<script src="jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
  $("span").parents().css({"color":"red","border":"2px solid red"});
  $("span").parentsUntil("div").css({"color":"red","border":"2px solid blue"});
  $("span").parent().css({"color":"red","border":"1px solid green"});
});
</script>
</head>
<body class="ancestors">body (曾曾祖父)
  <div style="width:500px;">div (曾祖父)
    <ul>ul (祖父)  
      <li>li (直接父)
        <span>span</span>
      </li>
    </ul>   
  </div>
</body>


[img]http://dl2.iteye.com/upload/attachment/0105/4403/19e88748-f88f-3a70-a10b-9266fe440b15.png[/img]
xiaochouyu0703
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery中获取内容和属性、删除元素、添加元素、jQuery遍历----------(遍历、祖先、后代、同胞、过滤)、jQuery - AJAX 简介
qq_44791674的博客
10-05 523
Jquery中获取内容和属性 Jquery拥有可操作HTML元素和属性的强大方法。 常用的方法有： text()/设置或返沪所选元素的文本内容 html()/设置或返回所选元素的内容（相比text（）方法，支持返回btml标记） val()/返回表单字段的值（理解为value的简写） attr()/设置或返回所选属性的值 text()/设置或返沪所选元素的文本内容&html()/设置或返回所选元素的内容（相比text（）方法，支持返回btml标记） <!DOMTYPE> <ht
jQuery的祖先遍历
天高任鸟飞
07-24 367
祖先 包括，父、祖父或曾祖父等等 三个方法 parent() parents() parentsUntil() parent() 返回被选元素的直接父元素 只会向上一级，对DOM树进行遍历 $(“span”).parent(); parents() 返回被选元素的所有祖先元素 一路向上，直到文档的根元素 $(“span”).parents(“ul”); parent...
jquery找祖先包含_JQuery遍历元素的父辈和祖先的方法
weixin_39777019的博客
12-21 276
JQuery遍历首先我们要知道 什么是 父亲，儿子，后代，同胞，祖先• 元素是 的父元素，同时是其中所有内容的祖先。• 元素是 元素的父元素，同时是 的子元素•左边的 元素是 的父元素， 的子元素，同时是 的后代。• 元素是 的子元素，同时是 和 的后代。•两个 元素是同胞(拥有相同的父元素)。•右边的 元素是 的父元素， 的子元素，同时是 的后代。• 元素是右边的 的...
jQuery遍历 - 祖先用法和举例
gzxiaomei的博客
04-17 165
向上遍历 DOM 树 主要有parent() parents() parentsUntil()，www.nanaopearl.com下面分别讲述他们的用法： 1，jQuery parent() 方法 parent() 方法返回被选元素的直接父元素 $(document).ready(function(){ $("span").parent(); }); 2,jQuery pa...
vue的$parent属性
热门推荐
qq_41629522的博客
07-01 1万+
1.首先 一般默认的来说，我们带 $ 符号的我们基本默认是vue实例对象身上的也就是 vue中的 this，我们可以console一下this， 这上面有很多的属性，我们比较常用的 有$refs , $attrs, tips: 我们绑定的时候应该是单数形式比如： $ref 获取时候应该是复数形式。 2. $refs 让我们可以在父组件中进行操作子组件的数据以及方法。 $parents 让我们可以在子组件中对父组件的data和方法操作。 ...
vue中 $parent 的含义
Sarahhoney12_的博客
07-04 1万+
$parent指向调用该组件的直接组件（父组件）实例， 通过 $parent 获取到 父组件 中的 props 、 data或者方法， 比如table-body.vue单文件组件中有一个handleMouseIn方法，而table.vue单文件组件在<template>中调用了<table-body />组件 //table-body.vue,代码借鉴iview h...
jQuery 遍历 – 祖先
12-13
总结来说，jQuery的遍历祖先方法提供了一套强大的工具，使开发者能够方便地在DOM树中导航，无论是查找单个元素的直接父级，还是选取一系列祖先，或者是限制在特定范围内的祖先，都能游刃有余。这使得jQuery成为前端...
jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
10-27
jQuery作为目前前端开发中最常用的JavaScript库之一，提供了丰富的DOM遍历和操作方法，其中，.closest() 和 .parents() 是用来查找父元素的两个重要方法，虽然它们的功能看起来相似，但它们之间存在细微而关键的区别...
JQuery遍历元素的父辈和祖先的方法
10-21
接下来，我们将探讨如何使用JQuery遍历元素的父辈和祖先。 1. parent()方法 parent()方法用于获取当前选中元素的直接父辈元素。这是遍历父辈元素中最基础的方法。例如，在给定的代码片段中，通过点击一个按钮，使用...
vue父子组件传值之$parent、$children、$refs
djh052900的博客
01-20 5016
vue父子组件传值之$parent、$children、$refs
vue组件相关props，$parents , $children, $refs , provide / inject 使用
冲锋
02-22 869
组件基本需要这三部分组成 props（属性） event（事件） slot（插槽） 父子组件通信 # App.vue (父组件) &amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;app&amp;quot;&amp;amp;gt; &amp;amp;lt;Child :msg=&amp;quot;messsage&amp;quot; :model=&a
Vue中的$children与$parent讲解
weixin_57677300的博客
01-31 1671
$children与$parent
Vue介绍$parent()方法和$refs()方法
weixin_43966487的博客
01-24 1万+
Vue介绍parent()方法和parent()方法和parent()方法和refs(）方法 首先介绍这个两个方法的用处：parent()方法是在子组件中可以直接访问该组件的父实例或组件；而refs（）方式可以用来访问子组件的中的数据。 贴出代码 3.分析方法:（1）在41-51行代码中使用了parent()方法，首先不难看出this.parent()方法，首先不难看出this.paren...
使用jQuery $ .closest（）与$ .parents（）
04-26 130
所以，我想你应该考虑使用$ .closest（）代替$。家长（） 。 但首先，一如既往，你需要知道你的交易与 - 它们之间的主要区别。 .closest（） 。父母（） 与当前的元素开始 与父元素开始 向上行进，DOM树，直到它找到所提供的选择匹配 向上行进，DOM树到文档的根元素，将每个祖先元素到一个临时集合; 它然后过滤基于选择该集合，如果一个供应 返回的jQuery对象包含在...
解读vue3中的$refs、$parent、$root、provide 和 inject
最新发布
九仞山的专栏
06-09 6889
详细介绍了vue3中的$refs、$parent、$root、provide 和 inject各自的用法和优缺点
.parents()  属性详解
suxue1994的博客
02-26 1399
在js中单引号和双引号都是一样的，平时使用的时候尽量用单引号，只有碰到嵌套的时候才会同时用两种引号 parents()函数用于选取每个匹配元素的祖先元素，并以jQuery对象的形式返回。 你还可以使用选择器来进一步缩小选取范围，只选取其中符合指定选择器的元素。 该函数属于jQuery对象(实例)。 语法 jQueryObject.parents( [ ...
jquery parent和parents得区别
yanzhou1224的专栏
01-06 520
<br /> 先说一下parent和parents的区别 从字面上不难看出parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明：<div id='div1'><div id='div2'><p></p></div><div id='div3' class='a'><p><
【vue】$parent和$children的使用
丹
10-31 5797
父组件访问子组件：使用$children或$refs reference 子组件访问父组件：使用$parent $parent <body> <div id="app"> <mxc></mxc> </div> <template id="mxc"> <div>我是子组件啊</div> <button @click="btnClick">更加颤抖的child</b.
jQuery遍历并获得后代的值
qq_30461115的博客
08-24 2160
今天遇到一个坑爹的问题，获取到孙代的元素，但是获取不到值，搞了一上午，现在分享给大家。 原因是因为当获得到孙代时，返回的对象是TableCell  那么进这个网址就OK啦（http://www.w3school.com.cn/jsref/dom_obj_tabledata.asp） OK贴代码 HTML ssssssssssssssss es
jQuery遍历节点方法详解
"jQuery遍历节点的方法" jQuery 是一个流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互。在jQuery中，有多种方法用于遍历DOM（文档对象模型）节点，以便对网页元素进行操作。以下是jQuery中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值