td 태그 안에 span 태그가있는 테이블에 테이블 열 추가

Question

테이블 열을 테이블 행에 추가하려고합니다. 나는 다음과 같은 코드를 가지고있다.

var row2 = $("<tr class='header' />").attr("id", "SiteRow"); 
     row2.append($("<td id='FirstRowSite' <span> <img id='Plus' src='../images/Plus.png' > </span> />").text(UniqueSites[i].HubName)); 
$("#Overview").append(row2); 

이렇게하면 html의 최종 결과가 어떻게 표시되는지 잘 알 수있다.

<td id="FirstRowSite" <span="">Acadieville</td> 

마치 내 Span 태그를 모두 잊어 버린 것 같습니다. 아마도 나는 작은 것을 놓치고 있습니다. 누구든지 나를 도울 수 있습니까? 최종 결과가 이렇게 보이길 원합니다. 간단하게이 같은

<td id="FirstRowSite"><span><img id="Plus" src="../images/Plus.png"></span>Acadieville</td> 

Answer 1

var row2 = $("tr.header"); 
row2.append("<td id='FirstRowSite'><span><img id='Plus' src='../images/Plus.png'/></span>" + UniqueSites[i].HubName + "</td>"); 

Answer 2

는 :

var row2 = $("<tr class='header' />").attr("id", "SiteRow"); 
     row2.append('<td id="FirstRowSite"><span><img id="Plus" src="../images/Plus.png"></span>'+ UniqueSites[i].HubName +'</td>'); 
$("#Overview").append(row2); 

직접 HTML을 추가 할 수 있습니다.

Answer 3

사용하면 추가하고있는 HTML이 유효하기 때문이다이

$("tr.header").append("<td id='FirstRowSite'><span><img id='Plus' src='../images/Plus.png'/></span>" + UniqueSites[i].HubName + "</td>");