javascript - 在按钮上单击，将所有元素src放入数组

我有很多具有id =“imgLinks”的div

<div><img  id="imgLinks" u=image src="../../../../images/1.jpg" /></div>
<div><img  id="imgLinks" u=image src="../../../../images/3.jpg" /></div>
<div><img  id="imgLinks" u=image src="../../../../images/5.jpg" /></div>

我需要在按钮上单击以将所有src放入数组

$(document).on('click', '#navigation #Download', function() {
    var imgLinks = [];
    $("#imgLinks").each(function() {
        var name = $(this).attr("src");
        imgLinks.push(name);
    });
});

但是此代码仅放置第一个源代码，如何将它们全部放入？

最佳答案

将id属性更改为class，因为不允许同一页面中的相同ID /产生无效的标记。

$(document).on('click', '#navigation #Download', function() {
    var imgLinks = $(".imgLinks").map(function() {
            return $(this).attr("src");
        }).get();
    console.log(imgLinks); // [array]
});

.map().get()可让您创建一个数组，同时在每次迭代中返回每个.imgLink的src。