Question

我在Javascript中创建了一个表格：

var l_table = op.script.table_dom_start + op.script.l_table_header + l_table_rows + op.script.table_dom_end;

结果是：

<table class="table table-hover">
   <tr>
     <th class="capitalize">
       ...
     </th>
   </tr>
</table>

然后appended定位div：

$(l_table).appendTo('#l-ajax-response-div');

现在，在追加之前，我想给这个班级id并尝试以下方法：

$(l_table).attr('id', 'l-entry-table');

和

l_table.id='l-entry-table';

这两个都无法正常工作，这里发生了什么？

可变内容：

table_dom_start: '<table class="table table-hover">',
header: specific header for that table
row: specific rows for that table
table_dom_end: '</table>',

Answer 1

尝试这样的事情：

var mytable=$(l_table);
mytable[0].id="l-entry-table";
mytable.appendTo('#l-ajax-response-div');

Answer 2

检查以下示例，它将不会警告id找不到的表。

var l_table = '<table class="table table-hover"><tr><th class="capitalize">Table with ID</th></tr></table>';

$(l_table).attr('id', 'l-entry-table').appendTo('#l-ajax-response-div');

alert($('#l-entry-table').length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="l-ajax-response-div"></div>

在附加到div之前将id添加到动态生成的表中

2 个答案: