jQuery中parent方法与parents方法

最新推荐文章于 2021-11-22 23:32:56 发布
最新推荐文章于 2021-11-22 23:32:56 发布
阅读量902 收藏 1
点赞数 1
分类专栏： jQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44764207/article/details/102990972
版权

1、parent方法
得到一个唯一父元素的元素集合
2、parents方法
取得包含着所有祖先元素的元素集合
具体请看以下示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<form>
			<input/>
			<input type="radio" value="1" />男
			<input type="radio" value="2"/>女
			<input type="submit" value="提交" />
		</form>
		<script>
			var dom = $("[type='submit']").parent()[0];
			console.log(dom);
			$("[type='submit']").parents().each(function(){
				console.log(this);
			});
		</script>
	</body>
</html>

效果：
在这里插入图片描述
分析：
第一个parent方法得到的有< form>< /form>集合，因为其是唯一的匹配的集合。
第二个parents方法得到的有< form>< /from>、< body>< /body>、< html>< /html>，这是按照“由内至外”的顺序。

pinkdown
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery parent和parents的区别分析
12-09
可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明： 代码如下:<div id=’div1′><div id=’div2′><p></p></div><div id=’div3′ class=’a’><p></p></div><div id=’div4′><p></p></div></div>$(‘p’).parent()取到的是div2,div3,div4$(‘p’).parent(‘.a’)取到的是div3$(‘p’).parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的
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/parents/parentsUntil/closest
qq_27009517的博客
06-12 1493
jquery的parent(),parents(),parentsUntil(),closest()都是向上查找父级元素，具体用法不同 parent()：取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents()：沿 DOM 树向上遍历，直到文档的根元素(<html>)为止，将每个祖先元素添加到一个临时的集合；如果应用了选择器，则会基于该选择器对这个集合进行筛选。返回零个、一个或多个元素。 closest()：沿 DOM 树向上遍历，直到找到已应用选择器的一个匹配为止。返回零个
jQuery的parent和parents方法
KongYue1202的博客
09-22 255
1.parent 返回的是最近的父级元素 ，亲爸爸 2.parents ( ) : 获取除被选中元素的所有父元素； <script> $(function(){ //parent 返回的是最近的父级元素 ，亲爸爸 console.log($('.son').parent()); //找到father console.log($('.father').parent()); //找到yeye //parents ( ) : 获取除被选中元素的所
jQuery parents()和parent()
qq_44971038的博客
11-28 494
两种方法均用来获取父元素，不同的是，parent()是获取唯一父元素的元素集合；而parents()获取的是祖先元素的元素集合； parent() <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script ...
jQuery中parents()和parent()的区别分析
10-25
主要介绍了jQuery中parents()和parent()的区别,具体分析了parents()和parent()的原理与用法区别,非常具有实用价值,需要的朋友可以参考下
jQuery向父辈遍历的简单方法
11-22
1.parent()方法可以得到所定元素的直接父元素 $(“span”).parent();得到元素的直接父元素 2.parents()方法得到给定元素的所有父元素 $(“span”).parents();得到元素的所有父元素 $(“span”).panents(“.text”);...
Jquery搜索父元素操作方法
10-24
主要介绍了Jquery搜索父元素操作方法,实例分析了parents、cloest、parent、parentsUtil及offsetParent方法的使用技巧,需要的朋友可以参考下
jQuery 遍历 - parents() 方法
麦叔
06-02 1442
一.前言 首先交代一下使用场景: 上图是一个微信投票的功能,当我们点击某个用户进行投票,后台响应成功以后。在不刷新页面的情况下，我们需要在js中更新该用户票数。由于点击事件是绑定在投票按钮，那么我们如何更新当前点击用户的票数？这里就要用到jQuery 遍历 - parents() 方法。 二.方法详解 关于parents() 方法的详情介绍,大家可以参考jQuery 遍历 - parents(...
Jquery中的parent()与parents()取父元素的区别
米刀文
08-27 2万+
关于Jquery的parent和parents parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。 可以看出parent取的很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明： $('p').parent
jQuery属性操作
Hst1120的博客
11-22 1095
jQuery属性操作 1.1设置或获取元素固有属性(元素本身只带的属性)属性值prop() 1.获取属性语法 prop(“属性”) 2.设置属性语法 prop(“属性”,“属性值”) 1.2设置或获取元素自定义属性attr() 1.3数据缓存 data() data()方法可以在指定的元素上存数据，是存放在元素的内存里面，并不会修改DOM元素结构，一旦页面刷新，之前存放的数据将被移除 <a href="www.baidu.com" title="很好">都挺好</a> &lt
Jquery中parent()和parents()
weixin_33714884的博客
10-22 91
一、parent()方法 此方法取得匹配元素集合中每个元素的紧邻父元素，也就是第一级父元素，而不是所有的祖先元素。所取得的父元素集合也可以使用表达式进行筛选。    二、parents()方法 此方法取得一个包含着所有匹配元素的父辈元素的元素集合。所取得的父辈元素集合也可以使用表达式进行筛选 如果给定一个表示 DOM 元素集合的 jQuery 对象，.parents() 方法允许我们在 ...
jQuery中parents()的使用说明
麦兜的专栏
05-23 1272
复制代码 代码如下:     hello      tonsh        $("a").parent()将会得到父对象  $("a").parents()得到父对象为  $("a").parents().filter("div")将得到,还可以写成$("a").parents("div")。  如果想的到对象可以写成这样：$("a").parents("div
jQuery中parent()方法与parents()方法
nairuozi的博客
11-09 813
1.parent([expr]) ：取得一个包含着所有匹配元素的唯一父元素的元素集合。 2.parents([expr]) ：取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。 3.children([expr]) ：获取匹配元素的所有子元素组成的集合；该方法只考虑子元素而不考虑任何后代元素。 <form > <input type="text"> ...
Uncaught TypeError: $(...).find(...).andSelf is not a function
日积月累一点点
05-29 2805
原因：新版本JQuery 已使用addBack替换 解决：使用addBack函数替换掉andSelf即可 例如： $(id).find("*").addBack().each(function () {}
jQuery遍历之parents()方法
qq_37036642的博客
08-03 415
jQuery是一个合集对象，如果想快速查找合集里面的每一个元素的所有祖辈元素，此时可以用parents()方法 其实也类似find与children的区别，parent只会查找一级，parents则会往上一直查到查找到祖先节点 理解节点查找关系： 1 在li节点上找到祖 辈元素div， 这里可以用$("li").pare
Jquery的parent和parents(找到某一特定的祖先元素)用法
热门推荐
cui_angel的专栏
08-24 4万+
<!-- parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。 parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。 parent取得很明确就是当前元素的父元素 parents则是当前元素的祖先元素 -->
【JQUERY】获取元素(父节点,子节点,兄弟节点)
qq_33962535的博客
06-13 1万+
jQuery.parent(expr)           //找父元素jQuery.parents(expr)          //找到所有祖先元素，不限于父元素jQuery.children(expr)        //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents()            //查找下面的所有内容，包括节点和文本。jQuery.pr...
jquery 获取父节点 html,jq使用parent和parents方法获取父节点
weixin_29008691的博客
06-09 962
通过选择器一般只能获取指定标识的节点，或者获取子节点。有些场景下，往往需要根据当前节点找到满足条件的父节点。这个可以通过相应的方法来实现。1、parent方法该方法可以获取元素的直接父节点。我们还是通过例子来说明testjs代码如下var obj = $("#aid").parent(); //获取到的是aid元素的直接父节点div元素alert(obj.html());可以指定parent方法的...
jquery parents方法和parent
最新发布
03-16
jQuery中的parents方法和parent方法都是用于查找元素的父级元素，但是它们的区别在于： 1. parents方法可以查找所有的祖先元素，包括父级、祖父级、曾祖父级等，而parent方法只能查找直接的父级元素。 2. parents...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值