站長(zhǎng)資訊網(wǎng)
JS中查找父標(biāo)簽的方法：1、利用parentNode屬性，語法“子元素對(duì)象.parentNode”；2、借助Jquery中的parent()或parents()方法，語法“子元素對(duì)象.parent()”或“子元素對(duì)象.parents()”。
本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5&&jquery2.1.1版、Dell G3電腦。
找父元素節(jié)點(diǎn)的方法有：
1、原生方法–parentNode屬性
parentNode 屬性可返回某節(jié)點(diǎn)的父節(jié)點(diǎn)。
元素.parentNode //返回元素的第一個(gè)父節(jié)點(diǎn)
2、Jquery方法(記得導(dǎo)包)
-
元素.parent()返回元素的第一個(gè)父節(jié)點(diǎn) -
元素.parents()返回一個(gè)包含元素所有父節(jié)點(diǎn)的數(shù)組
下面有個(gè)例子:
<!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('a').parentNode //得到<span>節(jié)點(diǎn) //也可以這么玩 document.getElementById('a').parentNode.parentNode //得到<div>節(jié)點(diǎn) //Jquery的方法 記得導(dǎo)包哦 $('#a').parent();//得到<span>節(jié)點(diǎn) $('#a').parent().parent();//得到<div>節(jié)點(diǎn) $('#a').parents();//得到所有父級(jí)節(jié)點(diǎn) <span> ,<div> ,<body> ,<html> $('#a').parents('body');//得到<body>節(jié)點(diǎn) </script> </body> </html>
【推薦學(xué)習(xí)：javascript高級(jí)教程】
