6

我想根据我的要求修改本教程,但我有一个问题。我是 jQuery 的初学者,我想从特定的 div 中获取所有图像源并将它们放入字段中。有一个变量images是 field 并包含一些图像,但我想代替这个从 div 获取所有图像源并将它们放入 field images。我知道这并不复杂,但我真的不知道该怎么做。

来源在这里http://jsfiddle.net/s5V3V/36/

这是来自 jsfiddle 源的变量图像,我想从 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'];

提前谢谢。

4

5 回答 5

19

在dom准备好尝试

var images = $('.thumbnailArrows').children('img').map(function(){
    return $(this).attr('src')
}).get()
于 2013-08-07T11:04:21.697 回答
9

假设“字段”是指变量或数组:

var images = $('#imageHolder').find('img').map(function() { return this.src; }).get();
于 2013-08-07T11:05:05.190 回答
1

您可以使用 .each() 循环并获取属性

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

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

于 2013-08-07T11:11:59.510 回答
0

如果您说要创建一个变量,该变量images将是一个数组,其中填充了divsrc中所有 img 元素的 URL,thumbnails那么您可以这样做:

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

(如果我选择了错误的 div 作为容器,显然你可以通过用"#thumbnails"选择器替换正确的 div 来纠正它,也许"#imageHolder"。)

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

于 2013-08-07T11:05:10.657 回答
0

找到解决你的问题:

   var images = $(".thumbnailArrows").find('img').map(function () {
                                                            return $(this).attr('src')
                                                        }).get()
于 2016-02-03T15:55:31.557 回答