jquery - たとえばフォトショップのようにjqueryでdivを選択する方法は? （地域を選択）

Question

いくつかの位置にいくつかの div があります。Photoshopでオブジェクトを選択するときのように、マウスでそれらを選択したい。だから私はdivのグループを選択したい。それはjqueryで可能ですか？

Answer 1

おそらく問題を解決するjQuery Drag to Selectがあります。

Answer 2

div のクラスを変更することで、選択した効果をシミュレートできます。

$('div.selectable').click(function() {
    $(this).addClass('.selected');
});

再度クリックした後に div の選択を解除したい場合は、次のようにすることができます。

$('div.selectable').click(function() {
    if($(this).is('.selected')) {
        $(this).removeClass('.selected');
    } else {
        $(this).addClass('.selected');
    }
});

または三項演算子でより簡潔に：

$('div.selectable').click(function() {
    var $div = $(this);
    $div.is('.selected') ? $div.removeClass('.selected') : $div.addClass('.selected');
});

Answer 3

コードのベースとしてimgAreaSelectプラグインを使用できます。