javascript - 抓取选定的图像 id 并将它们存储到整数数组中

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

您可以使用数组推送方法。如果您希望它具有切换状态，您可以使用一个类在点击处理程序内部做出决定。

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);
    }
});

演示