jquery - 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 上的可选类？

谢谢

score 5 · Accepted Answer

试试这个：

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

此选择器将选择所有没有该类的子div项。#selectableimage

score 2 · Accepted Answer

如果您想要自定义选择，即来自 UI api 的语法

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

你可以更特别

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

score 0 · Accepted Answer

使用:not选择器排除具有image类的元素

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

0

尝试以下

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

于 2013-01-17T10:57:03.233 回答

score -1 · Accepted Answer

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

6 回答 6