Javascript - adăugați un rând de tabel la jquery - html-table, cod q - un rus (en)

Abordarea pe care o propuneți nu este garantată pentru a vă oferi rezultatul pe care îl căutați - și dacă ați avea un grup de exemplu:

Veți primi următoarele informații:

Prin urmare, aș recomanda această abordare:







Poți include ceva în metoda after () dacă acesta este un HTML valid, inclusiv câteva linii în conformitate cu exemplul de mai sus.

DaRKoN_ sugerează să adăugați la tbody, mai degrabă decât să adăugați conținut după ultimul tr. Acest lucru se datorează lipsei de rânduri, dar nu este încă antiglont, deoarece teoretic puteți avea mai multe elemente tbody și linia va fi adăugată la fiecare dintre ele.

Cântărește totul, nu sunt sigur că există o soluție cu o singură linie care ține cont de toate scenariile posibile. Va trebui să vă asigurați că codul jQuery corespunde marcajului dvs.

Cred că cea mai sigură soluție este probabil să vă asigurați că tabelul dvs. include întotdeauna cel puțin o trupă în marcajul dvs., chiar dacă nu are șiruri de caractere. Pe baza acestui fapt, puteți utiliza următoarele, care vor funcționa, în ciuda faptului că aveți mai multe linii (precum și contabilizarea mai multor elemente tbody):

JQuery are un instrument încorporat pentru gestionarea elementelor DOM în zbor.

Puteți adăuga ceva la masa dvs. astfel:

Obiectul $ ('') în jQuery este un obiect tag care poate avea mai multe atr. atr. pe care le puteți seta și obține, precum și text. care reprezintă textul dintre etichetă aici: text.

Aceasta este o indentare destul de ciudată, dar vă este mai ușor să vedeți ce se întâmplă în acest exemplu.

Deci, totul sa schimbat de când @Luke Bennett a răspuns la această întrebare. Iată actualizarea.

JQuery, deoarece versiunea 1.4 (?) Determină automat dacă elementul pe care încercați să îl inserați (folosind oricare din metodele append (). și o introduce în prima în foaia de calcul sau înfășurați-o într-una nouă dacă nu există.

Deci, codul dvs. de probă este acceptabil și va funcționa bine cu jQuery 1.4+. ;)

Și dacă ai fi avut și .

Apoi introduce o nouă linie în subsol, nu în corp.

Prin urmare, cea mai bună soluție este de a include și folosiți .append. nu dupa.







index este un întreg care specifică poziția șirului de inserat (începe cu 0). De asemenea, puteți utiliza -1; Ca urmare, noua linie va fi introdusă în ultima poziție.

Această opțiune este necesară în Firefox și Opera. dar nu este obligatorie în Internet Explorer, Chrome și Safari.

Dacă acest parametru este omis, insertRow () introduce o nouă linie în ultima poziție în Internet Explorer și în prima poziție în Chrome și Safari.

Acesta va funcționa pentru fiecare structură de tabel HTML acceptabilă.

În exemplul următor, inserarea ultimei linii (-1 este folosită ca index):

Sper că acest lucru vă ajută.

primul și ultimul cuvânt cheie lucrează la prima sau ultima etichetă care ar trebui să fie pornită, nu închisă. Deci, funcționează mai bine cu tabelele imbricate, dacă nu doriți ca tabelul imbricat să fie schimbat, ci adăugat la masa generală. Cel puțin așa am găsit.

În opinia mea, cel mai rapid și mai ușor de înțeles este să

De asemenea, pot recomanda o funcție mică pentru a face mai multe modificări html

Dacă folosiți compozitorul meu de șir, îl puteți face

Acest lucru se poate face cu ușurință utilizând funcția last () pentru jQuery.

Am găsit pluginul AddRow foarte util pentru gestionarea rândurilor unui tabel. Cu toate acestea, soluția lui Luke ar fi cea mai potrivită dacă trebuie doar să adăugați o nouă linie.

Acesta este codul hackt pentru hacking. Am vrut să salvez șablonul de linie pe pagina HTML. Rândurile din tabelul 0. sunt afișate în timpul interogării, iar acest exemplu are un șir cu codificare tare și un șir de șablon simplificat. Tabela de șabloane este ascunsă, iar eticheta liniei trebuie să fie într-un tabel valid sau browserele pot să o elimine din arborele DOM. Adăugarea unui șir utilizează identificatorul contra + 1, iar valoarea curentă este stocată în atributul de date. Se asigură că fiecare linie are parametri URL unici.

Am rulat testele în Internet Explorer 8, Internet Explorer 9, Firefox, Chrome, Opera, Nokia Lumia 800. Nokia C7 (cu Symbian 3), versiuni beta ale Android și Firefox.

Cred că am făcut-o în proiectul meu, aici este:

TBODY o linie nouă la primul tabel TBODY, indiferent de prezența lui THEAD sau TFOOT. (Nu am găsit informațiile din care versiune de jQuery .append () acest comportament este prezent.)

Puteți încerca acest lucru în următoarele exemple:

În acest exemplu, șirul ab este introdus după 1 2 și nu după 3 4 în al doilea exemplu. Dacă tabela era goală, jQuery creează TBODY pentru rândul nou.

Pentru că am și eu o modalitate de a adăuga un șir în cele din urmă sau într-un anumit loc, așa că cred că ar trebui să împărtășesc și acest lucru:

Mai întâi găsiți lungimea sau liniile:

Apoi folosiți codul de mai jos pentru a adăuga linia:

Pentru a adăuga un exemplu bun la acest subiect, aceasta este o soluție de lucru dacă trebuie să adăugați o linie la o anumită poziție.

Se adaugă o linie suplimentară după linia a 5-a sau la sfârșitul tabelului dacă numărul de linii este mai mic de 5.

Am pus conținutul în recipientul terminat (ascuns) de sub masă. Deci, dacă trebuie să schimbați (sau designerul), nu este necesar să editați JS.

Puteți cache-ul variabilei de subsol și reducerea accesului la DOM (Notă: este mai bine să utilizați un șir fals în loc de subsol).

Dacă utilizați pluginul Datatable JQuery, puteți încerca.







Articole similare

Trimiteți-le prietenilor: