使用javascript获取父级元素

最新推荐文章于 2024-03-14 16:33:43 发布
最新推荐文章于 2024-03-14 16:33:43 发布
阅读量5.8k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 笔记 文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zmkyf1993/article/details/78065700
本文介绍了如何在ES6中使用原生JavaScript替代jQuery来获取点击元素的父级元素。通常情况下，开发者习惯于使用jQuery提供的简洁语法如$(this).parent()来实现这一功能，但在ES6环境下，需要采用e.target.parentNode的方式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用javascript获取父级元素

之前基本都用jquery去写代码，用多了习惯了它那简洁的写法，后来使用ES6进行编写的时候，需要使用类似

$(this).parent();
来获取点击元素所属的父级元素时发现，es6中的class下的this指向是class本身，所以$(this)，指向的并非点击的元素，此时就需要使用e.target来获取所选择的元素，之后会发现即使你引入了jquery，它依旧提示parent()不是一个函数，因此我们就需要使用e.target.parentNode来获取父级元素。(还有很多类似的问题，遇到了在记录吧)

JavaScript技巧：查找元素的父节点
TechNovaX的博客
09-20 2806
然后，我们通过parentNode属性访问了该元素的父节点，并将结果存储在变量parent中。在上面的示例中，我们首先使用getElementById()方法获取了一个具体的元素，并使用closest()方法查找了class为’parentClass’的最近祖先节点，并将结果存储在变量parent中。在上面的示例中，我们使用getElementById()方法获取了一个具体的元素，并使用parentElement属性访问了该元素的父节点，并将结果存储在变量parent中。如有疑问，请随时提问。
使用jQuery获取父级元素
ByteEchoX的博客
09-27 1413
通过使用jQuery的parent()、parents()和closest()方法，你可以轻松地获取一个元素的父级元素或祖先元素。如果你想要获取一个元素的所有祖先元素，而不仅仅是直接父级元素，可以使用parents()方法。选择器选取了id为"child"的元素，然后使用closest()方法传入选择器"#parent"来获取最近的id为"parent"的祖先元素。选择器选取了id为"child"的元素，然后使用parent()方法获取了它的父级元素。方法获取祖先元素的id属性，并将其打印到控制台上。
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
10-22
本文给大家简单总结了下JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法，非常的简单实用，有需要的小伙伴可以参考下
JS找出指定id对应数据所有的父级元素
cyj0919的博客
03-14 996
【代码】JS找出指定id对应数据所有的父级元素。
JavaScript DOM编程(如何获取HTML标签的父元素和子元素)
m0_65725031的博客
03-03 1万+
今天迎来了我们的JS的第四讲，今天就给家人们浅讲一下如何获取JS中的HTML标签的父元素和子元素，大家有什么不懂的可以私信我或者在下方评论，看到了会回复噢，也希望一直跟着我在学JS的家人们，继续坚持下去!!! ...
JavaScript 获取元素在父节点中的下标(推荐)
10-19
jQuery中直接通过$(this).index()即可得到当前元素的下标。下面通过实例给大家介绍JavaScript 获取元素在父节点中的下标，需要的朋友参考下吧
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
10-26
在原生JavaScript中，获取父级元素、子级元素和兄弟元素可以通过DOM提供的属性和方法来实现。 1. **获取子级元素** - 使用`getElementsByTagName`方法可以获取具有特定标签名的所有子元素。例如，`document....
使用jquery选择器如何获取父级元素、同级元素、子元素
10-25
本文将深入探讨如何使用jQuery选择器获取父级元素、同级元素和子元素，这对于网页交互和DOM操作至关重要。 一、获取父级元素 jQuery提供了`parent([expr])`方法来获取元素的直接父元素。例如，如果你有一个`<a>`...
浅谈js的html元素的父节点,子节点
01-19
parentNode和parentElement功能一样，childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的，可以说比较通用。而另外两个只是IE支持，不是标准，Firefox就不支持 示例： “parentNode” 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 ，如下： <div id=parent> <b id=child>My text</b> </div> 在上面的代码中, 你看到把”爹”作为一个 div 容器, 该容器中有个”孩子”, 就是粗体的文字部分. 如果你打
js jquery获取当前元素的兄弟级 上一个 下一个元素
11-24
var chils= s.childNodes;  //得到s的全部子节点 var par=s[removed];   //得到s的父节点 var ns=s.nextSbiling;   //获得s的下一个兄弟节点 var ps=s.previousSbiling;  //得到s的上一个兄弟节点 var fc=s.firstChild;   //获得s的第一个子节点 var lc=s.lastChile;   //获得s的最后一个子节点 JS获取节点父级，子级元素 先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUE
JS获取节点的兄弟，父级，子级元素
热门推荐
hellogull
05-14 59万+
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName("div
JavaScript之获取父级元素和子集元素
fsLees的博客
03-27 1万+
获取父级元素和子集元素
jQuery父级以及同级元素查找介绍
萧刚
02-18 881
jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素 jQuery.children(expr).返回所有子节点，这个方法只会返回直
原生js获取指定标签的父元素
ioxxll的博客
10-09 4126
js是没有这个函数的，js只有.parentNode获取上一级的父元素。如果想用js获取指定标签的祖先元素，不想使用jq。下面是封装的函数，初学者自己写的，实测有效。//js获取指定标签的父元素，获取到了返回父元素，否则返回空。
js 获取当前元素的父元素的父元素的id
weixin_38383877的博客
12-27 3万+
 情景一：用onclick触发的函数 html代码： &lt;div id="0" style="border-bottom:1px solid #000;margin:0 auto;"&gt; &lt;div&gt;1111&lt;/div&gt; &lt;div class="original"&gt; &lt;div id="
LeetCode 637. 二叉树的层平均值
渣渣
09-12 341
方法一： if(root==null)return null; List<Double> list = new ArrayList<>(); Queue<TreeNode> queue = new LinkedList<>(); int len = 0; queue.add(root); while (!queue.isEmpty()){ do...
js获取父辈元素 获取 父辈上级元素
小一佳
03-03 4270
获取父辈元素 :var parent = $(this).parents('.add_stockManage_tr'); 获取 父辈上级元素  :var parent = $(this).parents('.add_stockManage_tr').prev();
jquery选择器大于等于_从零开始学前端 30. JS选择器
weixin_39761558的博客
11-21 629
每篇文章纯属个人经验观点，如有错误疏漏欢迎指正由于微信公众号对英文的排版十分困难以获得更好的阅读体验类似于 CSS选择器，如果我们想要使用 JS 来对 HTML 页面中的元素实现一对一，一对多或者多对一的控制，必须先通过选择器来获得该元素，然后在对它进行相应的操作，选择器的种类有很多，但它们的目的是一样的，那就是把想要的元素选中，需要我们根据不同的情况选择相应的选择器。一、原生JS选择...
原生js或者jquery获取父级元素/同级元素/下级元素【转载】
Aubrey.J的博客
02-28 3666
原生js或者jquery获取父级元素/同级元素/下级元素
jquery获取父级元素
最新发布
03-25
### 如何使用 jQuery 获取父级元素 在 jQuery 中，可以通过多种方法获取指定元素的父级元素。以下是几种常用的方法及其具体示例： #### 使用 `.parent()` 方法 `.parent()` 是最常用的获取直接父级元素的方法之一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值