Question

我想根据我的要求修改this tutorial，但我有一个问题。我是jQuery的初学者，我想从expertïcdiv获取所有图像源并将它们放入字段中。有一个变量 images ，它是字段并包含一些图像，但我想要而不是从div获取所有图像源并将它们放入字段 images 。我知道这不是那么复杂，但我真的不知道怎么做。

来源是http://jsfiddle.net/s5V3V/36/

这是jsfiddle上来源的变量 image ，我想从div中填充而不是我现在拥有的那些：

images = ['http://kimjoyfox.com/blog/wp-content/uploads/drwho8.jpg',
    'http://kimjoyfox.com/blog/wp-content/uploads/drwho7.jpg',
    'http://kimjoyfox.com/blog/wp-content/uploads/drwho6.jpg',
    'http://kimjoyfox.com/blog/wp-content/uploads/drwho5.jpg',
    'http://kimjoyfox.com/blog/wp-content/uploads/drwho4.jpg',
    'http://kimjoyfox.com/blog/wp-content/uploads/drwho3.jpg',
    'http://kimjoyfox.com/blog/wp-content/uploads/dr-whos-tardis.png',
    'http://kimjoyfox.com/blog/wp-content/uploads/drwho9.jpg',
    'http://kimjoyfox.com/blog/wp-content/uploads/drwho1.jpg'];

谢谢你。

Answer 1

在dom ready试试

var images = $('.thumbnailArrows').children('img').map(function(){
    return $(this).attr('src')
}).get()

Answer 2

假设“field”是指变量或数组：

var images = $('#imageHolder').find('img').map(function() { return this.src; }).get();

Answer 3

您可以使用.each（）循环并获取属性

(function(){
    var images = [];
    $("#imageHolder img").each(function(){
      images.push($(this).attr('src'))
    })
    console.log(images);
  })()

http://jsbin.com/ogekos/1/edit

Answer 4

如果您要创建一个变量images，该变量将是一个填充了src div中所有img元素的thumbnails网址的数组，那么您可以执行此操作这样：

var images = $("#thumbnails").find("img").map(function() { return this.src; }).get();

（如果我选择了错误的div作为容器，显然你可以通过将"#thumbnails"替换为选择器来解决这个问题，无论正确的div是什么，也许"#imageHolder"。）

请注意，您对“字段”一词的使用不正确。你似乎是指“数组”，或者可能只是“变量”。

Answer 5

找到解决问题的方法：

   var images = $(".thumbnailArrows").find('img').map(function () {
                                                            return $(this).attr('src')
                                                        }).get()

jQuery - 在div中获取所有src图像并放入字段中

5 个答案: