jquery获得当前元素父级元素_如何使用jQuery获取父元素

jQuery获取父元素我们有三种方式可以实现，.parent()、.parents()、.closest()，下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例。web前端学习：打造全网web前端全栈资料库(总目录)看完学的更快，掌握的更加牢固，你值得拥有(持续更新)zhuanlan.zhihu.com

.Parent()

parent() 方法返回被选元素的直接父元素。

在下面介绍的示例中，我将使用此方法。如果将标记指定为参数，则只有当它是与标记匹配的父元素时才能起可以返回。

.parents()

parents() 方法不仅返回父元素，还返回被选元素的所有祖先元素。

如果将标记指定为参数，则获取与该参数匹配的所有元素。

.closest()

closest() 方法返回被选元素的第一个祖先元素。

如果要将特定样式应用于某个父元素可以使用closest()。

我们来看具体的示例

我们使用Parent()方法来获取父元素

代码如下：

HTML代码

jQuery

这是一个div元素。

不是div元素。

是div元素。

不是div元素。

是div元素。

不是div元素。

JavaScript代码

$(function(){

$("p").parent("div").css("color","#d9534f");

});

运行结果如下：当父元素为div时，会将自身的颜色更改为红色。

本篇文章到这里就全部结束了，更多精彩内容大家可以关注我！！！！

jquery获得当前元素父级元素_如何使用jQuery获取父元素相关推荐

css3选择器如何选择同一个父级下的相同class的第一个元素 nth-child nth-of-type
1 2 3 4 5 选择第一个类名: .demo .item: nth-of-type(1) { - } || .demo .item: nth-child(1) { - }; 选择最后一个类名: . ...
调用父级方法_通信:找到任意组件实例的findComponents系列方法，5个终极方案
已经介绍了两种组件间通信的方法:provide / inject 和 dispatch / broadcast.它们有各自的使用场景和局限,比如前者多用于子组件获取父组件的状态,后者常用于父子组件间通 ...
vue 获取元素在浏览器的位置_前端开发JS获取页面元素的位置
1.网页的大小和浏览器窗口的大小一张网页的全部面积,就是它的大小.通常情况下,网页的大小由内容和 document元素的clientHeight和clientWidth属性,就代表了网页的大小. f ...
vue 获取id元素_.vue组件中获取DOM元素问题
一.问题引入原项目把一块内容直接写在了模块中(浏览器显示的一整个页面),现在想把它提成一个单独组件,而且把其中使用document.getElementById('id')改为ref获取元素的形式. ...
python PyQt5 QtWidgets.QWidget.setLayout()（将布局中的小部件重新父级化，以将窗口作为父级）
https://doc.qt.io/qtforpython/PySide2/QtWidgets/QWidget.html?highlight=setlayout#PySide2.QtWidgets.P ...
python获取当前网页元素_Python+Selenium练习（三十）- 获取页面元素的href属性
目标:通过Selenium获取页面元素的某一个属性.一个元素可能有多个属性,例如class,id,name,text,href,value等. 练习场景:找出当前页面的所有超链接.例:打印出百度首页所 ...
如何知道react对象的值_基于react怎么获取兄弟元素的对象或它的值？
谢邀. 题主刚学前端的吧,刚用上用react,应该是了解了下DOM然后用起react有这样的疑问.不过没事,慢慢来. 怎么说呢,两个input框在彼此的事件绑定里获取对方的值,在react里是很容易做 ...
mysql根据父级编码得到父级内容_在mysql查询中通过父级获取所有子级
为此你需要有一个存储函数: DELIMITER $$ DROP FUNCTION IF EXISTS `junk`.`GetFamilyTree` $$ CREATE FUNCTION `GetFam ...
python中列表元素和的代码_使用python的列表中元素的总和
如果"根"总是相同的,你可以用正则表达式来捕获它们. 有了这个解决方案更改原始列表 . import re l = [(0.14409883378622257, 'count_9 ...
vue子组件获取父组件数据_在vue.js中父组件是如何向子组件传递数据的？
本文只有一个学习点. 父组件如何向子组件传递数据. 一起学习,更多文章请关注我的头条号,我是落笔承冰. 一.先创建一张空白网页index.html,在head标签里设置好vue的链接库. 二.写一个绑 ...

jquery获得当前元素父级元素_如何使用jQuery获取父元素

jquery获得当前元素父级元素_如何使用jQuery获取父元素相关推荐

最新文章

热门文章