jquery - jquery 可以从一堆图像中获取 src

Question

我有一些我无法控制的 HTML。基本布局如下...

<div class="container">
    <div class="img-field">
        <img src="/path/to/img.jpg" />
    </div>
    <div class="img-field">
        <img src="/path/to/img.jpg" />
    </div>
</div>

大约有 8 个“.img-field” div 都包含图像。我正在寻找循环并获取所有图像的 src，将它们添加到数组中，然后将它们移动到列表标签中，以便它可以与我正在使用的插件一起使用。我可以获取 1 个 img 的来源没问题，但我正在努力获取所有 8 个 src。关于实现这一目标的最佳方法的任何建议？

Answer 1

var arr = $('.img-field img').map(function(){
               return this.src;
          }).get();

Answer 2

<img>您可以使用 jQuery.each()函数简单地创建一个数组并遍历所有特定标签：

//Your array to store your values
var yourImageSources = new Array();

//Iterates through each of the image fields
$('.img-field').each(function()
{
    //Selects the img element within the current image field and pushes it onto
    //the array.
    yourImagesSources.push($('img',this).attr('src'));
});

例子

Answer 3

您可以通过以下方式选择 img src 属性$(".img-field").find("img").attr("src")

然后你可以使用 jquery.each()函数遍历它们

Answer 4

做这个 -

$('.img-field').each(function() {
    var thisSRC = $(this).find('img').attr('src'); // thisSRC is the current image source
    // do something with thisSRC
});

编辑：我刚刚看到了 Rion 的回答，它可以完成你需要做的所有事情。