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 オブジェクトを に追加しようとしているため、HTML が表示されてい#spriteBlockます。

于 2012-09-20T08:32:36.957 に答える
0

1回の追加でそれを行いたい場合は、次のようにすることができます：

$(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 に答える
0

jsfiddle Javascript コード内で、src 属性の値を取得するように変更flagString += flagしますflagString += $(flag).attr('src');

于 2012-09-20T08:31:41.310 に答える