Несколько выберите дивы с CTRL нажимается

Question

У меня есть 10 divs

<div id="div_1" class="myDivs"></div> 
<div id="div_2" class="myDivs"></div> 
<div id="div_3" class="myDivs"></div> 
... 

O хотят, чтобы выбрать из них 5 с обработчиком щелчка с помощью JQuery.

$(".myDivs").on("click", function() { 
    console.log('all clicked DIVs IDs...'); 
} 

Есть ли функциональность, чтобы сделать это с помощью jQuery? Я хотел бы щелкнуть их и получить все идентификаторы щелкнутого divs. Спасибо за вашу помощь!

Answer 1

Это делает трюк:

$(".markDIV").on("click", function (evt) { 
    if (evt.ctrlKey) 
     $(this).toggleClass("marked"); 
}); 

Answer 2

Переключить класс на каждый щелчок div, а затем получить массив идентификаторов divs с классом. Щелчок CTRL немного избыточен при использовании элементов div. Попробуйте это:

$(".myDivs").on("click", function() { 
    $(this).toggleClass('selected'); 
    var selectedIds = $('.selected').map(function() { 
     return this.id; 
    }).get(); 
    console.log(selectedIds); 
}); 

Example fiddle