javascript - 在按钮上单击将所有元素 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。