2012-09-20 3 views
0

테이블의 각 TR을 반복하고 첫 번째 TD를 선택하고 거기에서 이미지를 가져 오려고합니다. 거기에서 사본을 만들려고합니다. 그것을 DIV 안에 넣으십시오.TD에서 DIV로 IMG 복사하기 [object Object]

수백 개의 TR이 있으므로 복제 경로를 결정하고 문자열을 작성한 다음 끝에 문자열을 추가하려고했습니다.

내 이미지 DIV 안에 [object Object]가있는 것처럼 약간 잘못되었습니다.

여기까지 내가 얻은 결과를 보여주는 피들입니다. http://jsfiddle.net/sygad/V8QYN/

+0

을 그래서, 당신의 전체 사업부 .. 정확히 무엇을 만들려고? 많은 작은 이미지? – Daedalus

답변

0

,이 같은 그것을 할 수 :

$(document).ready(function() { 

    var markup = ''; 

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

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

}); 

JS Fiddle

+0

건배 그게 바로 내가 찾고 있었던 것이다. – sygad1

0

내부 jsfiddle 자바 스크립트 코드,

1

인가 src 속성의 값을 가져 flagString += $(flag).attr('src');-flagString += flag을 변경 this something 당신이 찾고있는거야?

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

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

이 테이블 행 안에있는 모든 이미지 (플래그)의 클론을 생성하고, #spriteBlock에 추가합니다.

귀하의 질문에 대해서는 에 #spriteBlock에 jQuery 개체를 추가하려고하므로 HTML이 으로 표시됩니다. 당신은 하나의 APPEND에서 그것을하고 싶은 경우

+0

문자열에 Object를 추가하기 때문에'[object Object]'를 표시하는 html. 따라서 그는 객체의 toString() 메소드를 암묵적으로 호출합니다. –

관련 문제