jquery - jQuery-UI:Selectable の項目のカスタム選択

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)' });

それをチェックしてください：http://jsfiddle.net/bBBER/8/

あなたはさらに具体的になることができます

$( "#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