自定義選擇：可選擇

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上的可選類？

感謝

Answer 1

如果你想定製的選擇是你的語法streight從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 2

試試這個：

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

這個選擇器將選擇所有子div小號#selectable是don't have的image類的。

Answer 3

使用:not選擇排除元素與image類

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

Answer 4

我想象的不作爲父DIV是可選的，因此包含一切都會固有選擇，因爲它們是該專區的兒童。你可以簡單地從可選div中取出一些元素？

Answer 5

您可以遍歷每個元素，然後避免使用類圖像。像：

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

Answer 6

嘗試以下

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