jquery 查找某个元素的父元素
分类:实例代码
本章节分享一段代码实例,它实现了查找指定元素父元素的功能。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>犀牛前端部落</title> <style type="text/css"> #antzone { width:300px; height:200px; background:#ccc; } #softwhy { width:200px; height:100px; background:green; } p { width:100px; height:50px; background:red; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").parent().css("border","1px solid black") }) </script> </head> <body> <div id="antzone"> <div id="softwhy"> <p></p> </div> </div> </body> </html>
上面的代码可以给p元素的紧邻的父元素设置边框,更多内容可以参阅相关阅读。
相关阅读:
(1).parent()可以参阅jQuery parent()一章节。
(2).parents()函数可以参阅jQuery parents()一章节。
(3).css()函数可以参阅jQuery css()一章节。
jquery 查找某个元素的父元素,这样的场景在实际项目中还是用的比较多的,关于jquery 查找某个元素的父元素就介绍到这了。
jquery 查找某个元素的父元素属于前端实例代码,有关更多实例代码大家可以查看。
