Help getting certain elements/ array manipulation

[Xaqte]

I need to get all parent elements of a specified element.
Take the following HTML as an example:

<div id="main">
[blue]<div>[/blue]
   <div>One</div>
   <div>Two</div>
[blue]</div>[/blue]
[blue]<div>[/blue]
   <div>One</div>
   <div>Two</div>
[blue]</div>[/blue]
</div>

I only need to get the divs marked in blue. Since I couldn't find a way to just pluck these (if you know how this would simplify my process greately), I am doing:

var holder = document.getElementById("main"); 
var containers = holder.getElementsByTagName("*");

This gives me every element in "main"... so how can I go through "containers" and get just the the ones I want (just the parents)?

I hope I've explained this clearly enough, if not let me know. Any thoughts/experience would greatly be appreciated!

X

 

[trollacious]

You could always check the innerHTML of the elements, and if that contained another <div> then it would be an element you're looking for. You might have to adjust for case sensitivity because IE 6.0 changes <div> to <DIV>.

Lee

 

[Xaqte]

Thanks for the response, Lee!

However, I failed to mention that I'm trying to make my function flexible by not limiting element types.

But, I did just have a brain storm and figured it out:

for (var i = 0; i < containers.length; i++) {
 if(containers[i].parentNode.id == holder.id) {