Ich habe eine Tabelle wie folgt definiert:
%Vor%Ich versuche, 'myTable' zur Laufzeit über JavaScript dynamisch zu befüllen. Um dies zu ermöglichen, verwende ich JQuery. Ich möchte HTML in das tbody-Element von 'myTable' schreiben. Allerdings habe ich Probleme zu verstehen, wie man das mit den Selektoren macht. Ich weiß, dass ich 'myTable' mit:
bekommen kann %Vor%Ich weiß, dass ich den HTML-Code von myTable mithilfe des folgenden Befehls festlegen kann:
%Vor%Dies setzt jedoch den HTML-Code der gesamten Tabelle. In Wirklichkeit möchte ich nur den HTML-Code innerhalb des TBODY von 'myTable' setzen. Wie mache ich das mit JQuery?
Danke!
Sie würden verwenden:
%Vor% wählt tbody -Elemente aus, die direkt von #myTable abgeleitet sind.
Alternativ können Sie Folgendes verwenden:
%Vor% findet alle tbody -Elemente im Kontext von #myTable .
In jQuery gibt es oft mehrere Möglichkeiten, um das zu erreichen, was Sie brauchen.
Ein anderer Weg wäre zu tun:
%Vor%Das ist effektiv das gleiche wie meine erste Lösung oben.
jQuery hat großartige Dokumente:
Selektoren: Ссылка
Traversieren: Ссылка
Suchen Sie das tbody-Element und verwenden Sie append, wenn Sie Zeilen hinzufügen möchten, oder html, wenn Sie alle Zeilen ersetzen möchten.
%Vor% Beachten Sie, dass Sie, wenn Sie mehr als ein tbody-Element haben, auch den :first -Selektor (oder nth-child verwenden müssen - vergessen Sie nicht, dass Sie, obwohl es auf Null basiert, ein thead-Element haben ) um den richtigen zu bekommen.
Geben Sie Ihrem tBody eine ID und machen Sie dasselbe mit Ihrem Tisch
& lt; tbody id = 'myTbody' & gt;
Tags und Links jquery