JavaScript tree

Question

I try to insert into array all the classes

for example

   <div class="class1">

   <div class="class2">

   <div class="class3">

   <div id="class4">

   </div> 
   </div> 
   </div> 

   </div>

And javascript

      var a=document.getElementById("class4");
  var b=new Array(a.parentNode.className,a.parentNode.parentNode.className,
  a.parentNode.parentNode.parentNode.className);
  for(i=0;i<b.length;i++)
  {alert(b[i])}

This is work fine but my question is if I don't know how much parentNode there is to the class How can I loop all over the parentNode and insert it into the array?

I'm definitely not a web developer, but I'd perhaps a function that checks if a given element has a parent that is not document, then using a while loop with that function as the test? — Logan
– Logan, Commented Dec 20, 2012 at 6:24
This is work fine? I doubt that. class4 is a class not an id so document.getElementById("class4"); wouldn't fetch the element. — Musa
– Musa, Commented Dec 20, 2012 at 6:25
Sorry I change it in my computer to check it and I forgot to change it here — user1801625
– user1801625, Commented Dec 20, 2012 at 6:27

tom · Accepted Answer · 2012-12-20 06:27:17Z

1

function allParents(node) {
    var arr = [];
    while (node) {
        arr.push(node);
        node = node.parentNode;
    }
    return arr;
}

console.log(allParents(document.getElementsByClassName("class4")[0]));

answered Dec 20, 2012 at 6:27

tom

19.2k4 gold badges39 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tom Over a year ago

Note that document.getElementById from OP's question won't work because "class4" is a class name, not an ID.

solisoft · Accepted Answer · 2012-12-20 06:30:51Z

0

You can also use the .parents() jquery method http://api.jquery.com/parents/

answered Dec 20, 2012 at 6:30

solisoft

6694 silver badges12 bronze badges

1 Comment

Snake Eyes Over a year ago

the OP didn't mention about jquery

Collectives™ on Stack Overflow

JavaScript tree

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related