按下 CTRL 的多个 select div

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 想要 select 其中 5 个使用 jQuery 的点击处理程序。

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

是否有使用 jQuery 执行此操作的功能？我想点击它们并获取点击的所有 ID divs。感谢您的帮助！

Answer 1

在每次点击 div 时切换 class，然后使用 class 获取 div 的 ID 数组。使用 div 元素时，单击 CTRL 有点多余。试试这个：

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

Example fiddle

Answer 2

这样就可以了：

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

按下 CTRL 的多个 select div

Multiple select divs with CTRL pressed

javascript

jquery

click