포토샵에서와 같이 jquery로 div를 선택하는 방법은 무엇입니까? (일부 지역 선택)

Question

일부 위치에는 일부 div가 있습니다. 포토샵에서 객체를 선택할 때처럼 마우스로 선택하고 싶습니다. 그래서 div 그룹을 선택하고 싶습니다. jquery로 가능합니까?

Answer 1

당신은 div의의 클래스를 변경하여 선택한 효과를 시뮬레이션 할 수 있습니다 예 :

: 당신이 사업부가 이후 다시 클릭되어 선택되지 않은 얻고 싶은 경우에

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

, 당신은 뭔가를 할 수 있습니다

$('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 2

당신은 사용할 수 있습니다 코드의 기초가되는 imgAreaSelect 플러그인.

Answer 3

jQuery Drag to Select이 있는데 문제가 해결 될 것입니다.