将表列附加到td标记内带有span标记的表中

时间:2015-01-07 13:10:06

标签: javascript jquery html append

我正在尝试将表列附加到表行。我有以下代码

  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>

3 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

就像这样:

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。

答案 2 :(得分:0)

使用此

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