的jQuery appendTo與 '破' HTML

Question

這是我的HTML：

<table id="mytable"> 

</table> 

當我運行這段代碼：

$('<tr>').appendTo('#mytable'); 

我得到：

<table id="mytable"> 
<tr></tr> 
</table> 

如何避免jQuery的從關閉我的標籤appendTo？

Answer 1

你不能。 jQuery適用於DOM，它是原始HTML上方的一層。它由只能有效的節點組成。

如果要附加的東西行，使用：

var myRow = $('<tr />').appendTo('#mytable'); 
for(whatever) { 
    $('<td />').appendTo(myRow).text('this is my cell! woo!'); 
} 

Answer 2

不應該有任何理由以免jQuery在第一時間關閉您的標籤。

如果您試圖附加<tr>，然後添加任何內容到標籤中，然後附加關閉</tr>，您應該改爲使用克隆方法。

在HTML：

<tr class="tr-template"></tr> 

在jQuery的：

$('tr-template') 
    .clone() 
    .removeClass('tr-template') 
    .html('whatever you want inside the tr') 
    .appendTo('#mytable'); 

Answer 3

正如我在評論中提及上面，你總是可以創建一個字符串，然後使用該字符串在append()：

var myString = "<tr><td>Hello World!</td></tr>"; 
$('.inner').append(myString); 

但是，我會建議反對它，並始終創建有效的元素個人idually。

Answer 4

我想你想要做的事更是這樣的：

var tableData = '<tr>'; 

tableData += "<td>One</td>"; 
tableData += "<td>Two</td>"; 
tableData += "<td>Three</td>"; 

tableData += "</tr>"; 

$('#mytable').html(tableData); 

構建HTML的字符串，注入該字符串到表中。