首頁 > web前端 > js教程 > javascript怎麼找父標籤

javascript怎麼找父標籤

青灯夜游
發布: 2021-10-19 17:32:40
原創
7578 人瀏覽過

JS中查找父標籤的方法:1、利用parentNode屬性,語法「子元素物件.parentNode」;2、借助Jquery中的parent()或parents()方法,語法「子元素物件. parent()”或“子元素物件.parents()”。

javascript怎麼找父標籤

本教學操作環境:windows7系統、javascript1.8.5&&jquery2.1.1版、Dell G3電腦。

找父元素節點的方法有:

1、原生方法--parentNode屬性

parentNode 屬性可傳回某節點的父節點。

元素.parentNode //返回元素的第一个父节点
登入後複製

2、Jquery方法(記得導包)

  • #元素.parent() 傳回元素的第一個父節點

  • 元素.parents() 傳回一個包含元素所有父節點的陣列

##下面有一個範例:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<div><span><a id="a"></a></span></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
    //原生的方法
    document.getElementById(&#39;a&#39;).parentNode //得到<span>节点
    //也可以这么玩
    document.getElementById(&#39;a&#39;).parentNode.parentNode //得到<div>节点
 
    //Jquery的方法  记得导包哦
    $(&#39;#a&#39;).parent();//得到<span>节点
    $(&#39;#a&#39;).parent().parent();//得到<div>节点
    $(&#39;#a&#39;).parents();//得到所有父级节点   <span> ,<div> ,<body> ,<html>
    $(&#39;#a&#39;).parents(&#39;body&#39;);//得到<body>节点
</script>
</body>
</html>
登入後複製
【推薦學習:

javascript高階教學

以上是javascript怎麼找父標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板