jQuery "Wählen Sie alle außer"

Question

Ich versuche, die erste Zeile einer Tabelle auszuwählen. Hinweis: die erste Zeile in einem thead Tag gewickelt ist, so:

<table> 
    <thead> 
    <tr> <!-- first row --> </tr> 
    </thead> 
    <tbody> 
    <tr> <!-- body --> </tr> 
    </tbody> 
    <tfoot> 
    <tr> <!-- body --> </tr> 
    </tfoot> 
</table> 

Die 'select first row' Spitze arbeiten könnte, wenn es nicht für die Wrapper-Tags ist. Dies ist, was ich versucht habe, funktioniert aber nicht:

$("*:not(thead)", tableSelector).remove(); 

Das heißt, würde ich tbody und tfoot Selektoren beide gereinigt weg bekommen mit einem Selektor „nicht TFOOT“. Weil ich alles andere außer dem <thead> und alles-inside-thead von der Tabelle entfernen möchte. Also versuche ich im Grunde alles zu wählen außer Thead und was drin ist; Intellektuell etwas wie :not(thead *) könnte funktionieren, aber nicht.

Meine Problemumgehung ist $("tbody, tfoot", tableSelector).remove();, aber ich möchte lernen und verstehen, wie das Gegenteil zu verwenden (nicht-Selektor).

Answer 1

Ihre Frage ist nicht genau klar. Um die erste Zeile in einer Tabelle auswählen:

$("table tr:first")... 

oder umgekehrt:

$("table tr:not(:first)")... 

wird es tun, aber das wird brechen, wenn es mehr als eine Tabelle ist (es wird nur wählen, eine Zeile, selbst wenn es gibt drei Tabellen). Sie können das Problem umgehen, dass mit:

$("table").each(function() { 
    $(this).find("tr:first")... 
}); 

Sie können alle Zeilen bekommen nicht in THEAD mit:

$("table > :not(thead) > tr")... 

Edit: Ich glaube, Sie über verkompliziert dies. Wenn Sie alles außer THEAD und seinen Inhalt entfernen wollen, ist das relativ einfach:

$("table > :not(thead)").remove(); 

Wenn Sie die TBODY und TFOOT Elemente anstelle Änderung verlassen wollen es an:

$("table > :not(thead) > tr").remove(); 

Answer 2

Mit children() auf die Tabellenauswahl wählt nur die direkten Kinder aus. Sie können dies mit Ihrem Nichtselektor filtern.

$(tableSelector).children(':not(thead)').remove(); 

Answer 3

Ich versuche, die erste Zeile einer Tabelle auszuwählen.

Warum nicht gute alte DOM verwenden?

mytable.rows[0] 

Answer 4

Wenn Sie child of ein table außer thead entfernen möchten, versuchen Sie diesen Selektor:

table > *:not(thead) 

---

bearbeiten Da Sie wies darauf hin, dass Sie bereits die Tabelle in einer Variablen haben:

$("> *:not(thead)", context) 

Answer 5

Die „: nicht“ Pseudo-Selektor empfängt anderen Selektor als Parameter, so kann man eigentlich alles, außer dies und das wie folgt entfernen:

$(':not(thead, thead *)', 'table').remove(); 

Sie können see it in action here.

Das ist sehr ähnlich zu dem, was Sie in your comment geschrieben haben, außer dass Sie keinen Kontext verwendet haben enthalten nur die direkten Kinder. Durch das Entfernen des Child-Operanden ">" werden alle Nachkommen des Knotens ausgeschlossen, nicht nur die direkten untergeordneten Elemente.

Answer 6

Ich werde wie:

$('table thead tr:first-child')