jQuery addClass for alternating levels of child elements -

jQuery addClass for alternating levels of child elements -

say have html

<div class="details"> <div class="details"> <div class="details"> <div class="details"></div> <div class="details"></div> </div> <div class="details"> <div class="details"></div> <div class="details"></div> </div> </div> </div>

without knowing number of levels i'll have, there way can add together class every other level?

this desired outcome:

<div class="details"> <div class="details alternate"> <div class="details"> <div class="details alternate"></div> <div class="details alternate"></div> </div> <div class="details"> <div class="details alternate"></div> <div class="details alternate"></div> </div> </div> </div>

edit know such questions frowned upon since seems i've not tried anything. have no thought for

update updated html show there multiple details divs on same level

this works, albeit putting alternate class on first level , subsequent odd levels, rather sec , even:

$('.details').addclass(function() { if (!$(this.parentnode).hasclass('alternate')) { homecoming 'alternate'; } });

you utilize instead marks both , odd levels:

$('.details').addclass(function() { homecoming $(this.parentnode).hasclass('odd') ? 'even' : 'odd'; });

see http://jsfiddle.net/p4ggz/2/

jquery