Я хочу добавить строку определенного положения

Question

Я хочу добавить строку определенного положения.и у меня есть все идентификаторы строк, например, у меня есть таблица. В строках таблицы есть одна кнопка, когда я нажимаю на кнопку, строка становится выделенной ниже строки щелчка кнопки

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

Что-то более или менее подобное:

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

В этом примере я предполагаю, что последняя строка является пустой строкой при загрузке страницы.

Answer 3

Вы можете сделать это:

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

Это клонирует последнюю строку и добавляет ее в таблицу