jQuery видалити всі рядки таблиці, крім першого

Як користуватися jQuery, як видалити всі рядки таблиці, крім першої? Це моя перша спроба використання селекторів індексів. Якщо я правильно розумію приклади, слід працювати наступним чином:

$(some table selector).remove("tr:gt(0)");

який я б читав як "Оберніть деяку таблицю в об'єкт jQuery, потім видаліть усі елементи" tr "(рядки), де індекс елементів таких рядків більший за нуль". Насправді він виконується без генерування помилок, але не видаляє жодних рядків із таблиці.

Що мені не вистачає, і як це виправити? Звичайно, я міг би використовувати прямий JavaScript, але мені так весело з jQuery, що я хотів би вирішити це за допомогою jQuery.

Це має працювати:

$(document).ready(function() {
   $("someTableSelector").find("tr:gt(0)").remove();
});

Я думаю, що це є більш зрозумілим, враховуючи наміри:

$('someTableSelector').children( 'tr:not(:first)' ).remove();

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

Якщо у вас був елемент TBODY, ви можете зробити це:

$("someTableSelector > tbody:last").children().remove();

Якщо у вас є елементи THEAD або TFOOT, вам потрібно зробити щось інше.

Інший спосіб досягти цього - це використання порожньої () функції jQuery з елементами thead і tbody у вашій таблиці.

Приклад таблиці:

<table id="tableId">
<thead>
    <tr><th>Col1</th><th>Col2</th></tr>
</thead>
<tbody>
    <tr><td>some</td><td>content</td></tr>
    <tr><td>to be</td><td>removed</td></tr>
</tbody>
</table>

І команда jQuery:

$("#tableId > tbody").empty();

Це видалить усі рядки, що містяться в елементі tbody вашої таблиці, і збереже елемент thead там, де має бути ваш заголовок. Це може бути корисно, коли ви хочете оновити лише вміст таблиці.

Якби це я, я, мабуть, зведений до одного селектора:

$('someTableSelector tr:not(:first)').remove();

Вашому селектору не потрібно бути всередині вашого видалення.

Це має виглядати приблизно так:

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

Що означає, виберіть кожен рядок, крім першого в таблиці, з ідентифікатором tableID і видаліть їх з DOM.

$('#table tr').slice(1).remove();

Я пам’ятаю, натрапити на цей «фрагмент» швидше, ніж на всіх інших підходах, тому просто поклавши його сюди.

Розглянемо таблицю з id tbl: код jQuery буде таким:

$('#tbl tr:not(:first)').remove();

Щоб видалити всі рядки, крім першої (крім заголовка), використовуйте наведений нижче код:

$("#dataTable tr:gt(1)").remove();

Найпростіший спосіб:

$("#mytable").find($("tr")).slice(1).remove()

-перша посилання на таблицю -
виберіть список елементів і наріжте його та видаліть вибрані елементи зі списку

- Вибачте, це дуже пізня відповідь.

Найпростіший спосіб, який я знайшов, щоб видалити будь-який рядок (і всі інші рядки через ітерацію) - це це

$ ('# rowid', '# tableid'). видалити ();

Решта легко.

$ ("# p-items"). find ('tr.row-items') .remove ();

функція:

function remove_rows(tablename) { 
    $(tablename).find("tr:gt(0)").remove();        
}

тоді зателефонуйте:

remove_rows('#table1');
remove_rows('#table2');

Це прекрасно працює

$("#myTable tbody").children( 'tr:not(:first)' ).html("");

У моєму випадку це спрацювало наступним чином і працювало чудово

$("#compositeTable").find("tr:gt(1)").remove();