javascript - Select and animate all divs with a class but ignore all children with same class -

javascript - Select and animate all divs with a class but ignore all children with same class -

i'm hoping there's simple solution this, can't see @ minute.

i'm attempting select divs class myclass, ignore children of said class including have class myclass. example:

<div class="myclass"> //select <div class="myclass"> //don't <div class="myclass"></div> //don't etc </div> </div> <div class="myclass"></div> <div class="myclass"> <div class="myclass"></div> </div> <div class="myclass"></div>

i know odd situation, it's come need slide map controls across google map when sliding in side-div (so not cover them). classes need altered named 'gmnoprint' , if children not ignored elements within parent moved double required amount each level of nesting.

my current solution (more of bad hack) call:

$('div.gmnoprint').stop().animate({ 'marginleft': '418px' }, 800); $('div.gmnoprint').children('div.gmnoprint').stop().animate ({ 'marginleft': '0px' }, 800);

but horribly inefficient , processor intensive.

apologies if duplicate, not find similar.

any help appreciated.

$('div.gmnoprint') .filter( function() { homecoming $(this).parent().closest('div.gmnoprint').length === 0; }) .stop() .animate({ 'marginleft': '418px' }, 800);

javascript jquery google-maps-api-3