HTML親コンポーネントのIDを取得する方法？

javascriptを使用して親タグのIDを取得したいと考えています。この例では、テキスト "parentoverflow"の親IDは "sofsite"であり、 "this"の親IDは "sofbody"です。HTML親コンポーネントのIDを取得する方法？

<body id = 'sofbody'> 
     This is <a href = "www.stackoverflow.com" id = "sofsite">stackoverflow</a>. 
</body>

出典

2012-05-01 RAVI

のですか？ – paislee

var parentid = textnode.parentNode.id;

docs for parentNodeを参照してください。

出典

2012-05-01 15:43:42 Bergi

実際に私が選んだテキストの親タグのIDが必要です。だから、文書内に「stackoverflow」が2回ある場合は、選択した「stackoverflow」だけのIDが必要です。 – RAVI

ありがとうございました！わかった！！ – RAVI

答えを受け入れてください。私に評判のポイントを与えることは別として、あなたが何か答えを受け入れないと、あなたの次の質問は得られません。 – Bergi

クリックした要素のparentNodeプロパティにアクセスして、その後のIDと一致するものが見つかるまで上がってください。ここで

テキスト「stackoverflowのは、」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); 
     }; 
    }; 
};

出典

2012-05-01 15:48:19 GillesC

HTML親コンポーネントのIDを取得する方法？

答えて

関連する問題