如何在两个表行之间插入另一个表行?

Row 1 Column1 Row 1 Column2
Row 2 Column1 Row 2 Column2
Row 3 Column1 Row 3 Column2
Row 5 Column1 Row 5 Column2

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

  Row 4 Column1 Row 4 Column2  

在第3行之后,我想通过Jquery在"dynamicRows"类的末尾插入新的行元素。 请帮我解决这个问题。

这段代码效果很好。

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

 var block = ''+ 'Row 4 Column1'+ 'Row 4 Column2'+ ''; $('.dynamicRows').last().after(block); 

试试这个

 $('table tbody>tr:last').after('Row 6 Column1Row 6 Column2'); 

这将在表的最后一行追加另一行

FIDDLE在这里

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

我在这里发布部分解决方案,以便更好地解释这里发生的事情:

 $('#sometrigger').click(function(){ var newrow = '\ Row 4 Column1\ Row 4 Column2\ '; $(newrow).insertAfter($('table tr.dynamicRows:last')); }); 
  1. 我们将新行存储在JS变量中。 你必须以某种方式构建这个字符串。
  2. 使用jquery insertAfter方法,它在所选元素之后插入调用者。
  3. 最重要的是,选择器将获得对标有类dynamicRows的最后一行的引用。