jQuery: изменить строку таблицы в форму

Question

Каков наилучший метод в jQuery для преобразования конкретной строки таблицы в форму?

Например, чтобы изменить:

<table>
    <tr><td><a href="edit me">edit</a></td><td>first row</td></tr>
    <tr><td><a href="edit me">edit</a></td><td>some row</td></tr>
    <tr><td><a href="edit me">edit</a></td><td>last row</td></tr>
</table>

на:

<table>
    <tr><td><a href="edit me">edit</a></td><td>first row</td></tr>
    <tr>
        <form>
            <td><a href="edit me">edit</a></td>
            <td><input type='text' name='a' value='b'/></td>
        </form>
    </tr>
    <tr><td><a href="edit me">edit</a></td><td>last row</td></tr>
</table>

Обновление: HTML, который мы наконец используем:

<form>
    <table>
        <tr>
            <td><img class="editRow"></td>
            <td class="field">field to know</td>
        </tr>
    </table>
</form>

и код jQuery:

$( ".editRow" ).click( function() {
    var rowToEdit = $(this).parent().parent();
    var field = rowToEdit.children(".field")
    rowToEdit = .replaceWith( "<td></td>\
        <td>\
            <input type='hidden' value='"+field+"'>\
        </td>"
});

Answer 1

Попробуйте функцию .wrap().Для получения дополнительной информации см здесь .

Answer 2

Существует функция jquery, которая делает именно то, к чему вы обращаетесь, в основном она позволяет вам создать таблицу, а затем каждую ячейку можно редактировать, поэтому вам не нужно просто использовать ее в Google. Вы найдете это