Question

I’m trying to loop over each TR in a table and select the 1st TD and get the image within it, from there I am trying to make a copy of it and place it inside a DIV.

There are potentially hundreds of TR’s so I decided against the clone route and instead tried to build a string and then append the string at the end.

It’s gone a bit wrong as I get [object Object] inside my image DIV.

Here is a fiddle showing how far I got, any help appreciated. http://jsfiddle.net/sygad/V8QYN/

Answer 1

If you want to do it in one single append, you could do it like this:

$(document).ready(function() {

    var markup = '';

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

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

});

JS Fiddle