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

Question

我有很多具有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);
    });
});

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

Answer 1

将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的同时创建一个数组。

Answer 2

即使对不同元素使用相同的ID似乎有所不同，但使用唯一ID是标准方法。 您可以将ID更改为class ，然后使用类名进行选择，也可以使用已使用的attribute

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

根据接受的答案进行编辑以改善答案。

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