我想添加一行特定的位置

Question

我想添加一行特定的位置。并且我有所有行id例如我有表在表行中有一个按钮，当我点击按钮行变为在按钮点击行下面插入

ASP.NET MVC COde

 <%For i = 0 To 9%>
    <tr>
    <td><input type="button" value="<%:i.ToString  %>" onclick ="alert('<%:i.ToString  %>')" /></td>
    <td>hhhhhhhhhhhhhhhhhhhh</td>
    <td>wwwwwwwwwwwwwwwwwwwwwwwww</td>
    </tr>
    <%next %>

Answer 1

var x = '<tr><td>New Row</td></tr>'
$('#button').live('click', function() {
    var parentTr = $(this).closest('tr');
    $(x).insertBefore(parentTr);
})

检查http://jsfiddle.net/9vXtV/1/

处的工作示例

Answer 2

你可以这样做：

$("#your_table").append( $("#your_table tr:last").clone() );

这将克隆最后一行并将其添加到表

Answer 3

或多或少像这样：

var newRow = $('#table tr:last').clone();
$('.button').click(function() {
    $(this).closest('tr').after(newRow.clone());
});

在这个例子中，我假设最后一行是页面加载时的空行。