0

我试图遍历表中的每个 TR 并选择第一个 TD 并获取其中的图像，从那里我试图制作它的副本并将其放置在 DIV 中。

可能有数百个 TR，所以我决定反对克隆路线，而是尝试构建一个字符串，然后在末尾附加该字符串。

当我在图像 DIV 中得到 [object Object] 时，它有点不对劲。

这是一个小提琴，显示我走了多远，任何帮助表示赞赏。 http://jsfiddle.net/sygad/V8QYN/

4

3 回答 3

1

这是你要找的东西吗？

var flags = [];
$("img", "table tr").each(function() {
    flags.push($(this).clone());
});

$.each(flags, function(i, val) {
   $('#spriteBlock').append(val);
});

它创建在表行中找到的所有图像（标志）的克隆，并将它们附加到#spriteBlock.

至于您的问题，[object Object]由于您尝试将 jQuery 对象添加到#spriteBlock.

于 2012-09-20T08:32:36.957 回答
0

在 jsfiddle Javascript 代码中，更改flagString += flag为flagString += $(flag).attr('src');获取 src 属性的值

于 2012-09-20T08:31:41.310 回答
0

如果您想在一个附加中执行此操作，您可以这样做：

$(document).ready(function() {

    var markup = '';

    $('table tr td:first-child').each(function () {
        var image = $(this).html();
        markup += image;            
    });

    $('#flag-clones').append(markup);

});

JS小提琴

于 2012-09-20T09:58:20.143 回答