Question

我有像这样的图像

<img id="9" class="thumb" src="/Content/uploads/Jellyfish.jpg">
<img id="10" class="thumb" src="/Content/uploads/Lighthouse.jpg">
<img id="11" class="thumb" src="/Content/uploads/Chrysanthemum.jpg">

现在我想抓住哪些照片是用户点击并将该图像ID发送到阵列，稍后将其发送到控制器。

Answer 1

var imgs = array();

$('img').click(function(){
    imgs[] = $(this).attr('id');
});

应该工作。

修改

抱歉，我的代码中存在一些错误，请检查 Fiddle

Answer 2

您可以使用Array push method。如果您希望它具有切换状态，您可以使用类在单击处理程序内做出决定。

var imgList = [];

$('img.thumb').click(function() {
    // Toggle the active class
    $(this).toggleClass('active');

    // If the class just became active
    if ($(this).hasClass('active')) {
        // Get the image ID
        var imgId = $(this).attr('id');
        // Add the ID to your array
        imgList.push(imgId);
    }
});

<强> DEMO

获取所选图像ID并将其存储为整数数组

2 个答案: