Используя jQuery, какой самый эффективный способ удалить все строки данных в HTML-таблице одновременно?

Question

Я знаю, что могу использовать этот код ниже, чтобы удалить одну строку из HTML-таблицы:

  $(this).closest("tr").remove();

но теперь я хочу иметь быстрый способ удаления всех строк (поэтому он просто оставляет заголовки) в HTML-таблице сразу. Что-то вроде:

  $("#myTable tr").remove();

Существует ли какой-либо синтаксис для этого или мне нужно перебирать каждую строку и удалять их один за другим?

Answer 1

Я бы сделал это так ...

$('#myTable > tbody').empty();

Это оставит ваш tbody элемент пустым.

Answer 2

Создан JSperf из любопытства.http://jsperf.com/jquery-clear-a-table

Как ни странно, код, который вы разместили, кажется немного более эффективным.Это все очень близко, так что я бы просто использовал то, что имеет больше смысла, насколько читабельность.

Answer 3

Я завелась с помощью:

$("#myTable").find("tr:gt(0)").remove();

Answer 4

если я вас правильно понял, вы хотели бы удалить все строки, но не первую, или если у вас внутри таблицы есть все строки в теле. Поскольку вы используете ближайший, я предполагаю, что вы кодируете внутри какого-то события, поэтому в этом случае вы можете использовать следующее:

$('tr', $(this).closest('tbody')).remove();
//or using your table 
$('tr:not:first', '#mytable').remove();