javascript - JQuery，添加表格行而不在 Javascript 中声明标签

Question

我想在 HTML 文档中准备一个表行作为模板，以免像我大多数时候那样在 JS 中输入它。我刚刚将 DOM 元素保存为 JQuery 对象并克隆，但在元素中执行它似乎没有保存为对象。

我避免在 JS 中声明:

var _row = '<tr><td></td></tr>';

因为我想通过 JS 使元素动态化，而不是将其声明为字符串，所以我尝试为表行创建一个 HTML 模板。

在 HTML 中:

<tr id='sampleRow'></tr>

在 JS 中:

var _row = $('#sampleRow');

当控制台日志时，_row 将给出 init 的结果，而不是一个对象。

我怎样才能实现这样的目标？

在 HTML 中:

<div class='sampleDiv'></div>

在 JS 中:

var _container = $('.sampleDiv').clone();

其中它是一个对象。

Answer 1

我刚刚找到了解决方案，

我没有使用表行模板的容器(当您通过 JQuery 调用它并克隆它并附加到表时什么也没有发生)，而是使用表作为容器。

在 HTML 中:

<table class="destTable">
</table>

<table class="tableRowTmp" hidden>
    <tr><td colspan="6">Sample</td></tr>
</table>

在 JS 中:

var oBannerTable = $('.destTable');
var oRow = $('.tableRowTmp').find('tr').clone();

oBannerTable.append(oRow.show());