在表前面加上一行，但在两个 tr 之后

Question

我正在为表准备一行。然而，我的表的顶部有几个TR，它们有列名等。当我准备一个新行时，我想在这两个TR之后再准备它。这可行吗？

我正在这样准备新的一行：

var newrow = "<tr><td>...</tr></td>";
var grid = $('mygrid');
grid.prepend(newrow); I want this prepend to be after two TR's of the grid

Answer 1

为什么不将页眉包装在<thead>中，将表体包装在<tbody>中，然后可以将行添加为<tbody>中的第一个元素。这将使jQuery保持简单，并且使HTML在语义上更加正确。

Answer 2

您可以使用类型选择器的第n个来查找myGrid的第二行，然后使用jQuery的insertAfter（）函数在表中的第二行都添加新行：

$('#mygrid tr:nth-of-type(2)').insertAfter(newRow);

Answer 3

$(newrow).insertAfter("tr:nth-child(2)",grid); //assuming grid is the table

Answer 4

Anthony，

为什么不使用ad和tbody标签来区分你的表头和表体呢。然后，您可以为tbody的子项准备行。请参见以下内容。

    <table>
      <thead>
        <tr><th>aaa</th><th>bbb</th></tr>
        <tr><th>xxx</th><th>yyy</th></tr>
      </thead>
      <tbody>
        <tr><td>stuff</td><td>things</td></tr>
        <tr><td>stuff</td><td>things</td></tr>
      </tbody>
      <tfoot>
      </tfoot>
    <table>

问候，

Peter