javascript - 可以在模板前后附加 html 吗？

Question

是否可以在 JQuery.tmpl 之前和之后附加 html ？

我想插入一个嵌套表格

<table id="accTable">
  <tr class="row" id="12345">
  </tr>
  <!-- New row to be inserted here -->
</table>

我已经做到了

var dat = [];
$.each(result, function(key, value){
    dat.push({
    FROM: this.date,
    ID: key,
    });
});

var markup = "<tr> <td>${ID}</td> <td>${FROM}</td> </tr>";

$.template("actTemplate", markup);

$('#'+id).tmpl("actTemplate", dat).after('#'+id);

但不知何故我需要附加 <tr><td><table>并添加</table></td></tr> .

我考虑过将该 HTML 添加到现有的 HTML 中，但它应该在按下按钮时发生，所以在按下按钮之前它看起来是错误的。所以我想附加和前置必须在插入模板时发生......？

关于如何解决这个问题有什么建议吗？

更新

在此 jsFiffle 中，单击“详细信息”时将添加/删除一行。这是我要替换的行。

http://jsfiddle.net/littlesandra88/hhMM6/

Answer 1

你可以这样做:

EDITED

var wrapper = $( '<tr id="details"><td><table></table></td></tr>' );
var wrapperTable = wrapper.find( 'table' );
$.tmpl ("actTemplate", dat ).appendTo( wrapperTable  );

wrapper.insertAfter( '#'+id );