Question

Supposing you have:

<div><p>Some text</p><p>Some text</p></div>
<div><p id='paragraph'>Some text</p></div>

How can you use javascript to find the index of the parent node of id ‘paragraph’? I think you have to loop through, with ‘docment.getElementsByTagName(‘div’), but I’m stuck after that. Thanks for any advice.

Answer 1

if markup’s structure remains the same you could do something like this:

var parents = document.getElementsByTagName('div');
for(var i=0, length = parents.length, found = false; i < length && !found; i++){
  var parent = parents[i];
  if(parent.querySelector('#paragraph')){//or search for child with that id if IE < 8
    alert('index is '+i);
    found = true;
  }
}