jQueryは最初を除くすべてのテーブル行を削除します

jQueryを使用して、テーブルの最初の行を除くすべての行を削除するにはどうすればよいですか？これは、インデックスセレクターを使用する最初の試みです。例を正しく理解していれば、以下が機能するはずです。

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

「jQueryオブジェクトでいくつかのテーブルをラップし、そのような行の要素インデックスが0より大きいすべての '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要素がある場合は、別のことを行う必要があります。

これを実現する別の方法は、テーブルのthead要素とtbody要素でjQueryのempty（）関数を使用することです。

テーブルの例：

<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();

セレクターは、remove内にある必要はありません。

次のようになります。

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

つまり、IDが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'）。remove（）;

残りは簡単です。

$（ "＃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();