Question

I have a main div, with sub divs inside:

<div id="selectable">
  <div class="item text"></div>
  <div class="item image"></div>
  <div class="item text"></div>
</div>

When I add the jQuery of:

$('#selectable').selectable();

All of the divs inside are thus selectable.

Is there a way to remove the selectable class on the div that has a class with ‘image’?

Thanks

Answer 1

If you want custom selection that is your syntax streight from the UI api

$( "#selectable" ).selectable({ filter: 'div:not(.image)' });  

Check it out: http://jsfiddle.net/bBBER/8/

You can be even more spesific

$( "#selectable" ).selectable({ filter: 'div.item:not(.image)' });

http://jsfiddle.net/bBBER/9/