Ich kann eine neue Zeile mit jquery an eine Tabelle anhängen oder voranstellen:
$('#my_table > tbody:last').append(html);
So füge ich die Zeile (in der HTML-Variablen angegeben) in einen bestimmten "Zeilenindex" ein i
. Wenn i=3
zum Beispiel die Zeile als 4. Zeile in die Tabelle eingefügt wird.
Antworten:
Sie können Folgendes verwenden
.eq()
und.after()
mögen:Die Indizes basieren auf 0. Um also die 4. Zeile zu sein, müssen Sie
i-1
, da.eq(3)
es sich um die 4. Zeile handelt, zur 3. Zeile (2
) zurückkehren und diese einfügen.after()
.quelle
.before(html)
Sie hinzu, wenn Sie es vor diesem Index einfügen möchtenVersuche dies:
oder dieses:
oder dieses:
All dies platziert die Reihe an derselben Position.
nth-child
verwendet einen 1-basierten Index.quelle
Hinweis:
quelle
Ich weiß, dass es spät ist, aber für diejenigen, die es nur mit dem implementieren möchten,
JavaScript
können Sie Folgendes tun:tr
den geklickt wird.tr
DOM-Element.tr
übergeordneten übergeordneten Knoten hinzu.HTML:
In JavaScript:
Dadurch wird die neue Tabellenzeile genau unter der Zeile hinzugefügt, auf die die Schaltfläche geklickt wird.
quelle
Versuche dies:
quelle
Verwenden Sie den eq-Selektor , um die n-te Zeile (0-basiert) auszuwählen und fügen Sie Ihre Zeile danach hinzu, indem Sie after verwenden , also:
wo HTML ist ein
tr
quelle
quelle
Ich habe die Antwort von Nick Craver ergänzt und auch den von Rossisdead angesprochenen Punkt berücksichtigt: Wenn ein Szenario existiert, wie man es an eine leere Tabelle anhängen muss, oder vor einer bestimmten Zeile, habe ich Folgendes getan:
Hoffe es hilft jemandem.
quelle
quelle