jQuery-UI的自定义项目选择：可选

Question

我有一个主div，里面有子div：

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

当我添加jQuery：

时

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

因此可以选择里面的所有div。

有没有办法删除div上具有'image'的类的可选类？

由于

Answer 1

试试这个：

$( '#selectable > div:not(.image)' ).selectable ();

此选择器将选择div #selectable类的image的所有子{{1}}。

Answer 2

如果您希望自定义选择直接来自UI api

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

检查出来：http://jsfiddle.net/bBBER/8/

你可以更具体

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

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

Answer 3

使用:not选择器排除image类

的元素

$('#selectable').children("div:not(.image)").selectable();

Answer 4

您可以迭代每个元素，然后避免使用类图像。喜欢：

$('#selectable').each(function(div) {
 if (!$(this).hasClass('image'))
   {
     $(this).selectable();
   }
});

Answer 5

尝试以下

  $('div.image').removeClass('selectable');

Answer 6

我想象不是因为父div是可选择的，因此包含的所有内容都将被选中，因为它们是该div的子元素。你可以简单地从可选择的div中取出一些元素吗？