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);
};
};
};