如何在html字符串中添加內容

Question

如何在jquery中添加html字符串中的內容。

字符串HTML：

var stringHtml = '<td>Column 1</td><td>Column 2</td><td></td>'; 

我想在過去的TD補充一下（TD：EQ（2）），然後將其追加到表。

我嘗試： -

var stringHtml = '<td>Column 1</td><td>Column 2</td><td></td>'; 

$(stringHtml).find('td:last').append('<button>MyButton</button>'); 

$('#myTable tbody').append(stringHtml); 

這個腳本不能正常工作。

謝謝你的幫助。

Answer 1

您正在附加字符串，而不是jQuery對象。

var $ele = $('<td>Column 1</td><td>Column 2</td><td></td>'); 

$ele.find('td:last').append('<button>MyButton</button>'); 

$('#myTable tbody').append($ele); 
// or $ele.appendTo('#myTable tbody'); 

---

UPDATE：相同的行爲使用鏈接一個線性碼。

$('<td>Column 1</td><td>Column 2</td><td></td>').appendTo('#myTable tbody').find('td:last').append('<button>MyButton</button>');