将表格列附加到在 td 标记内带有 span 标记的表格答案

【问题标题】：Appending a table column to a table with a span tag inside the td tag将表格列附加到在 td 标记内带有 span 标记的表格
【发布时间】：2015-03-05 09:30:15
【问题描述】：

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

  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>

【问题讨论】：

那是因为您附加的 HTML 无效。您尚未将 > 添加到开头的 td 标记中，并且完全缺少 </td>。

标签： javascript jquery html append

【解决方案1】：

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

【讨论】：

@Netherrack 如果它解决了你的问题，你应该接受这个答案。

【解决方案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。

【讨论】：

【解决方案3】：

使用这个

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

【讨论】：