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

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

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

Answer 1

这就是诀窍：

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

Answer 2

在每个单击的div上切换一个类，然后使用该类获取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

按下CTRL的多个选择div

2 个答案: