HTML How to get id of parent Component?

Question

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>

What if the text "stackoverflow" appears many times on the page, inside of components with differing ID's? — calebds, May 01 '12 at 15:43

score 4 · Accepted Answer · answered May 01 '12 at 15:43

4

var parentid = textnode.parentNode.id;

See docs for parentNode.

answered May 01 '12 at 15:43

Bergi

630,263
148
957
1,375

score 0 · Answer 2 · answered May 01 '12 at 15:48

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

HTML How to get id of parent Component?

2 Answers2