One thing that I am struggling with is determining the number of "levels" of child elements an element contains. Take, for instance:
<div id="first">
<div id="second">
<div id="third">
<div id="fourth">
<div id="fifth">
</div>
</div>
</div>
</div>
<div id="second2">
</div>
</div>
In the above code snippet, the div element with the id of "first" would have a total of 4 levels of child elements.
Essentially, my goal is to determine whether or not an element possesses 2 or fewer levels of child elements.