hi, i have been trying to do something simple for the last couple of hours and i just can't seem to solve this problem:
maybe easier to give a dom tree first: ... <div class="list"> <div class="item"> A <div class="list" style="margin-left:10px;"> <div class="item">1 <button>+</button></div> <div class="item">2 <button>+</button></div> <div class="item">3 <button>+</button></div> </div> <button>+</button> </div> <div class="item"> B <div class="list" style="margin-left:10px;"> <div class="item">1 <button>+</button></div> <div class="item">2 <button>+</button></div> <div class="item"> 3 <div class="list" style="margin-left:10px;"> <div class="item">3.1 <button>+</button></div> <div class="item">3.2 <button>+</button></div> <div class="item">3.3 <button>+</button></div> </div> <button>+</button> </div> </div> <button>+</button> </div> </div> ... given the outer DIV.list element, how can i find all BUTTON elements, except for the ones that are in sub DIV.list's? i would have thought something like $ (myouterdiv).find('button:not('.list button)') would have worked, but apparently not... $(myouterdiv).find('button').not('.list button') gives the same results i have tried plenty of other selectors, but nothing works... any idea what could be wrong with that at all? It just gives me all the BUTTON elements... if anything, i would have expected it to give me zero since myouterdiv also has the .list class cheers, dominique