расположение/структура таблицы настроек с помощью jquery

89
9

Как выполнить следующее действие с помощью jquery?

У меня есть таблица с тремя строками и строкой заголовка. что-то вроде этого:

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<%@ Import Namespace="MyModel.Model" %>
<div>
<table id="MyTable">
<tr>
<th>
Select1
</th>
<th>
Select2
</th>
<th>
Text1
</th>
</tr>

<tr>
<td>
<select name="Select1"></select>
</td>
<td>
<select name="Select2"></select>
</td>
<td>
<input name="Input1"/>
</td>
</tr>
</table>
</div>

Я хочу клонировать последнюю строку этой таблицы, удалять все строки, но строку заголовка, добавлять клонированную строку (последнюю строку) и скрывать ее (клонированная строка).

Я знаю, как выполнять эти действия отдельно.

$("#MyTable tr:last").clone()
$("#MyTable tr>td").remove()
$("#MyTable tr:last").appendTo('#MyTable tr:first')
$("#MyTable tr:last").hide()

Я пытаюсь добавить клонированную строку после удаления всех строк (но заголовка).

Любая помощь будет оценена по достоинству.

спросил(а) 2021-01-25T11:55:12+03:00 5 месяцев назад
1
Решение
63

Вам нужно сохранить ссылку на клонированную строку:

var $lastrow = $("#MyTable tr:last").clone();

// removes actual tr's, but not the headers
$("#MyTable tr > td").parent().remove();

$lastrow
.appendTo('#MyTable')
.hide();

ответил(а) 2021-01-25T11:55:12+03:00 5 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема