[jQuery] JQuery Selector
[jQuery] JQuery Selector
I've got the following html
<div id="survey">
<br />
<div class="sectionstart">
start
</div>
<div class="sectionstart">
start
</div>
<div class="sectionend">
end
</div>
<div class="sectionstart">
start
</div>
<div class="sectionend">
end
</div>
<div class="sectionstart">
start
</div>
<div class="sectionstart">
start
</div>
<div class="sectionend">
end
</div>
<div class="sectionend">
end
</div>
<div class="sectionend">
end
</div>
</div>
As you can see there are section starts & section ends that can
contain other starts and ends. I want to leave the html as is, but
visually give some left padding/margin based on how 'deep' the section
is. I've been trying to get this via jquery but can't seem to get
it. Say I'm one level deep I want margin-left:20px, if I'm 2 levels
deep I want margin-left:40px and so on...
Thanks for the help.