用jquery添加一行到構建在變量中的表格

Question

是否可以將一些行和內容添加到實際構建在變量中的表中？

樣品：

//This is the variable i'm talking about 
var table = "<table><tr><td>some content</td></tr></table>"; 

//What i want to do is some like this 
$(table).append("<tr><td>some more content</td></tr>"); 

$("body").append(table); 

所以輸出應該是這樣的：

<table> 
    <tr> 
     <td>some content</td> 
    </tr> 
    <tr> 
     <td>some more content</td> 
    </tr> 
</table> 

但我samle上面似乎並不工作。

是否可以這樣做？

我知道我可以先添加表並添加列，但這不是任務。

Answer 1

問題出在你的表變量是一個字符串而不是DOM元素。 你應該那樣做：

var table = $('<table>'); 
table.append('<tr><td>some content</td></tr>') 
//What i want to do is some like this 
$(table).append("<tr><td>some more content</td></tr>"); 
$("body").append(table); 

下面是一個例子： http://jsfiddle.net/50mzw1h8/

Answer 2

您需要的$(table).append(...)結果存儲到一個變量，然後它添加到body：

var table = "<table><tr><td>some content</td></tr></table>"; 
var $table = $(table).append("<tr><td>some more content</td></tr>"); 
$("body").append($table); 

Example fiddle

Answer 3

將更新的表存儲在變量，將結果附加到body。

$(document).ready(function() { 
 
    //This is the variable i'm talking about 
 
    var table = "<table><tr><td>some content</td></tr></table>"; 
 

 
    //Store result in a variable 
 
    var updatedTable = $(table).append("<tr><td>some more content</td></tr>"); 
 

 
    $("body").append(updatedTable); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

jQuery(document).ready(function() { 
    var table = "<table><tr><td>Content</td></tr></table>"; 
var AppendedTable = jQuery(table).append("<tr><td>Add content</td></tr>"); 
    jQuery("body").append(AppendedTable); 
}); 

簡易:)