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

时间:2017-02-12 15:39:05

标签: javascript jquery html

如何使用jquery在html字符串中添加内容。

String html:

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

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

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

我想在最后一个td(td:eq(2))中添加一些内容,然后将其附加到表格中。

我尝试: -

{{1}}

此脚本无效。

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您要附加字符串,而不是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>');