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

<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行我想在"dynamicRows"类的末尾插入通过jQuery新行元素之后。请帮我解决这个问题。

此代码运行良好。

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

来源

2013-01-09 rkaartikeyan

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


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

来源

2013-01-09 10:16:19

这最后加了一排，我觉得OP需要加上给位置.. –

感谢您的时间。 – rkaartikeyan

欢迎您，很高兴帮助:) –

尝试这个

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

这将追加另一行于上表

FIDDLE这里

来源

2013-01-09 10:21:01 Usman

最后加上这一行，我想OP需要加上给位置.. –

这里是一个工作示例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')); 
});

我们存储在JS变量的新行。你将不得不以某种方式建立这个字符串。
使用jquery insertAfter方法，该方法在选定元素之后插入调用者。
而最重要的是，选择器将获得对用dynamicRows类标记的最后一行的引用。

来源

2013-01-09 10:36:20 uchamp

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

回答

相关问题