使用jQuery获取父元素的方法-创新互联

这篇文章主要介绍了使用jQuery获取父元素的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

创新互联建站服务项目包括郎溪网站建设、郎溪网站制作、郎溪网页制作以及郎溪网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,郎溪网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到郎溪省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

jQuery获取父元素我们有三种方式可以实现,.parent()、.parents()、.closest(),下面我们将介绍jQuery获取父元素的这三种方式以及一个具体的示例。

使用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获取父元素的方法

感谢你能够认真阅读完这篇文章,希望小编分享使用jQuery获取父元素的方法内容对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,遇到问题就找创新互联,详细的解决方法等着你来学习!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享标题:使用jQuery获取父元素的方法-创新互联
文章路径:http://myzitong.com/article/ceegph.html