在thead中插入tr和td

时间:2016-06-10 16:50:26

标签: javascript jquery html append

我目前有一个cshtml / javascript / jQuery webapp,我希望<td><tr>的{​​{1}}内插入<thead>。我不知道如何在现有<table>中插入<tr>。我知道如何创建并填充它,但如何插入新行?

我想插入:

<thead>

我想在下面的选定行下面插入它:

enter image description here

我怎样才能做到这一点?

3 个答案:

答案 0 :(得分:1)

如果要向容器添加元素,请在此容器的子元素之后使用jQuery方法append()

但是如果你想让这个元素成为容器的第一个子元素,那就使用jQuery方法prepend()

在你的情况下,我会这样做:

$("#GrilleBilan .t-grid-header").prepend("<tr><td> ... </td></tr>")

答案 1 :(得分:0)

试试这个:

<thead id='insert_tr'>
</thead>

这是你的thead,你可以像这样在thead中插入tr和td:

var appendtr = "";
appendtr += "<tr><th></th></tr>";//And last append this variable inside thead:
 $("#insert_tr").append(appendtr);

你也可以通过for循环

插入多个tr和td以及th
for(var tr = 1; tr <= 5; tr++)
(
 appendtr += "<tr><th></th></tr>";
  $("#insert_tr").append(appendtr);
)

答案 2 :(得分:-1)

如果您想在使用以下代码后插入<tr><td></td></tr>

$('#GrilleBilan .t-grid-header').after('Your element to insert')

我正在使用表ID(#GrilleBilan),因为如果你有多个表,它没有将其他表重新复制到。

抱歉,我错过了