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

您可以使用jQuery <img>函数创建一个数组并循环遍历所有特定的.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'));
});

<强> Example

Answer 3

您可以按$(".img-field").find("img").attr("src")

选择img 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的答案，它完成了你需要做的所有事情。

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

4 个答案: