我想使用 javascript 获取父标签的 id。在此示例中,文本“stackoverflow”的父 ID 为“sofsite”,“This”的父 ID 为“sofbody”。
<body id = 'sofbody'>
This is <a href = "www.stackoverflow.com" id = "sofsite">stackoverflow</a>.
</body>
我想使用 javascript 获取父标签的 id。在此示例中,文本“stackoverflow”的父 ID 为“sofsite”,“This”的父 ID 为“sofbody”。
<body id = 'sofbody'>
This is <a href = "www.stackoverflow.com" id = "sofsite">stackoverflow</a>.
</body>
var parentid = textnode.parentNode.id;
请参阅文档以获取parentNode
.
您需要做的就是访问单击的元素 parentNode 属性并继续向上,直到找到与您所追求的 id 匹配的一个。
这是一个小小提琴http://jsfiddle.net/8aPnq/
var parent, elem, id = 'sofbody',
a = document.getElementById('sofsite'),
found = false;
a.onclick = function(ev) {
ev.preventDefault();
while (!found) {
parent = parent ? parent.parentNode : ev.target.parentNode;
if (parent.id === id) {
elem = parent;
found = true;
console.log(elem);
};
};
};