如何插入这两行之间的另一个表行？(How to insert another table row b

<table>
 <tr>
  <td>Row 1 Column1</td>
  <td>Row 1 Column2</td>
 </tr>
 <tr class="dynamicRows">
  <td>Row 2 Column1</td>
  <td>Row 2 Column2</td>
 </tr>
 <tr class="dynamicRows">
  <td>Row 3 Column1</td>
  <td>Row 3 Column2</td>
 </tr>
 <tr>
  <td>Row 5 Column1</td>
  <td>Row 5 Column2</td>
 </tr>
</table>

这是表结构。 我想下面插入行

<tr class="dynamicRows">
 <td>Row 4 Column1</td>
 <td>Row 4 Column2</td>
</tr>

第3行后，我想在结束插入通过jQuery新行元素"dynamicRows"类。 请帮我理清这个问题。

此代码工作得很好。

$('table tr.categories:last').after(returnData);

Answer 1:

var block = '<tr class="dynamicRows">'+
                '<td>Row 4 Column1</td>'+
                '<td>Row 4 Column2</td>'+
            '</tr>';


$('.dynamicRows').last().after(block);

Answer 2:

试试这个

$('table tbody>tr:last').after('<tr><td>Row 6 Column1</td><td>Row 6 Column2</td></tr>');

这将追加另一行于上表

FIDDLE这里

Answer 3:

这里有一个工作示例http://jsfiddle.net/MUdQY/1/

我张贴解决方案的一部分在这里也能够更好地解释这里发生了什么：

$('#sometrigger').click(function(){
    var newrow = '<tr class="dynamicRows">\
    <td>Row 4 Column1</td>\
    <td>Row 4 Column2</td>\
    </tr>';
    $(newrow).insertAfter($('table tr.dynamicRows:last'));
});

1. 我们存储在JS变量的新行。 你将不得不以某种方式建立这个字符串。
2. 使用jQuery insertAfter方法，其插入选定元素之后调用者。
3. 而最重要的是，这将获得参考到最后列的选择标有类dynamicRows。

文章来源: How to insert another table row between two table rows?