HTML How to get id of parent Component?

StackOverflow https://stackoverflow.com/questions/10400130

Frage

I would like to get the id of the parent tag using javascript. In this example, the parent id of the text "stackoverflow" is "sofsite" and the parent id of "This" is "sofbody".

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

Lösung 

var parentid = textnode.parentNode.id;

See docs for parentNode.

Andere Tipps

All you need to do is access the clicked element parentNode property and keep going up until you find one that match the id you are after.

Here is a little fiddle 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);
        };
    };
};​
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top