使用jQuery获取父元素的方法-创新互联
这篇文章主要介绍了使用jQuery获取父元素的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
创新互联建站服务项目包括郎溪网站建设、郎溪网站制作、郎溪网页制作以及郎溪网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,郎溪网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到郎溪省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!jQuery获取父元素我们有三种方式可以实现,.parent()、.parents()、.closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例。
.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获取父元素的方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
分享标题:使用jQuery获取父元素的方法-创新互联
文章路径:http://myzitong.com/article/ceegph.html