jQuery ilk hariç tüm tablo satırlarını sil

JQuery kullanarak, bir tablodaki ilk satır dışındaki tüm satırları nasıl silebilirim? Bu, dizin seçicileri kullanmaya yönelik ilk denemem. Örnekleri doğru anlarsam, aşağıdakilerin çalışması gerekir:

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

"Ben bir jQuery nesnesinde bazı tablo sarın, sonra bu tür satırların öğe dizini sıfırdan büyük olan tüm 'tr' öğeleri (satır) kaldırmak olarak okudum. Gerçekte, hata oluşturmadan yürütülür, ancak tablodan herhangi bir satır kaldırmaz.

Neyi kaçırıyorum ve bunu nasıl düzeltirim? Tabii ki, düz javascript kullanabilirsiniz, ama ben jQuery ile çok eğleniyorum jQuery kullanarak bu çözmek istiyorum.

Bu çalışmalı:

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

Niyet göz önüne alındığında bu daha okunabilir olduğunu düşünüyorum:

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

Çocukların kullanılması, aramanın derinliğini sınırlandırarak ilk satırın bir tablo içerdiği durumla da ilgilenir.

Bir TBODY öğeniz varsa, bunu yapabilirsiniz:

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

THEAD veya TFOOT öğeleriniz varsa farklı bir şey yapmanız gerekir.

Bunu yapmanın başka bir yolu, jQuery'nin boş () işlevini tablonuzdaki thead ve tbody öğeleriyle kullanmaktır.

Tablo örneği:

<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>

Ve jQuery komutu:

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

Bu, tablonuzun tbody öğesinde bulunan tüm satırları kaldırır ve thead öğesini başlığınızın olması gereken yerde tutar. Yalnızca bir tablonun içeriğini yenilemek istediğinizde yararlı olabilir.

Eğer ben olsaydım, muhtemelen tek bir seçiciye kaynatardım:

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

Seçicinizin kaldırmanızın içinde olması gerekmez.

Şöyle bir şey olmalı:

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

Bu, tableID kimliğine sahip tablodaki ilk satır dışındaki her satırı seçip DOM'dan kaldırmak anlamına gelir.

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

Bu 'dilim' ile karşılaşmanın diğer tüm yaklaşımlardan daha hızlı olduğunu hatırlıyorum, o yüzden buraya koyuyorum.

Kimliğine sahip bir tablo düşünün tbl: jQuery kodu:

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

İlk satır hariç (başlık hariç) tüm satırları kaldırmak için aşağıdaki kodu kullanın:

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

En kolay yol :

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

- ilk tabloya bakın -
elemanların listesini alın ve dilimleyin ve listenin seçilen elemanlarını kaldırın

- Üzgünüm, bu çok geç cevap.

Herhangi bir satırı (ve yineleme yoluyla diğer tüm satırları) silmek için bulduğum en kolay yolu budur

$ ( '# TableId' '# rowid') kaldırmayı ().;

Gerisi kolay.

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

bir fonksiyona sarılmış:

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

sonra ara:

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

Mükemmel çalışıyor

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

Bu benim durumumda aşağıdaki şekilde çalıştı ve iyi çalışıyor

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