如何在两个表行之间插入另一个表行?
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 Column1 Row 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')); });
- 我们将新行存储在JS变量中。 你必须以某种方式构建这个字符串。
- 使用jquery insertAfter方法,它在所选元素之后插入调用者。
- 最重要的是,选择器将获得对标有类dynamicRows的最后一行的引用。