Javascript - add asztal sort jquery - html-tábla, kód q - egy orosz (ru)
Megközelítés, amit kínálnak, nem garantált, hogy ön az eredményt, amit keres - Mi lenne, ha egy tbody például:
Akkor megkapja a következő:
Szóval azt ajánlom ezt a megközelítést:
Akkor is valamit a módszer után () ha az érvényes HTML, köztük több sort összhangban a fenti példában.
DaRKoN_ azt javasolja, hogy a tbody helyett inkább új tartalmat, miután az utolsó tr. Ez együtt jár a hiányzó sorokat, de még mindig nem golyóálló, mert ez elméletileg lehetséges, hogy több tbody elemek és a sor kerül majd mindegyik.
Mérleg minden, nem vagyok benne biztos, hogy van egy egysoros megoldás, amely figyelembe veszi az összes lehetséges forgatókönyv. Meg kell majd arról, hogy a jQuery kód megfelel a jelölést.
Azt hiszem, a legbiztonságosabb megoldás valószínűleg annak biztosítására, hogy az asztalon mindig van legalább egy tbody a jelölést, akkor is, ha nincsenek sorok. Ebből, akkor a következő, ami működni fog, annak ellenére, hogy van egy csomó sort (és figyelembe véve a több elemet tbody):
JQuery egy beépített eszközt kezelni DOM elemeket menet közben.
Akkor hozzá semmit a következő táblázat tartalmazza:
A $ ( '
Ez meglehetősen furcsa behúzás, de könnyebb, hogy mi folyik ebben a példában.
Tehát a dolgok megváltoztak azóta, mint a @Luke Bennett válaszolt erre a kérdésre. Itt egy frissítés.
A JQuery, hiszen 1.4-es (?), Amely automatikusan meghatározza a tárgy, amit próbál beszúrni (bármely módszer append (). Prepend (.) Mielőtt () vagy a után ()), az
Tehát a minta kódot elfogadható, és jól fog működni jQuery 1.4+. ;)
Mi lenne, ha
és .Ő majd beszúr egy új sort a lábléc, de nem a szervezetben.
Következésképpen a legjobb megoldás az, hogy tartalmazza
és használja .append. ahelyett .Egy.index - egy egész szám, amely megadja a vonal helyéről beillesztési (kezdődik 0). Az is lehetséges, hogy egy értéke 1; Ennek eredményeként az új vonal lesz beszúrva az utolsó pozícióba.
Ez a paraméter szükséges a Firefox és az Opera. de ez nem szükséges az Internet Explorer, a Chrome és a Safari.
Ha nincs megadva, insertRow () beilleszt egy új sort az utolsó helyre az Internet Explorer és az első helyzet a Chrome és a Safari.
Működni fog minden elfogadható HTML táblázat szerkezetét.
A következő példában, behelyezésénél az utolsó sorban (-1 használunk indexként):
Remélem, ez segít.
első és utolsó kulcsszavak dolgozik az első vagy az utolsó tag, amelyet meg kell indítani, nincs lezárva. Így jobban működik beágyazott táblázatok, ha nem akarjuk, hogy a beágyazott tábla megváltozott, és helyette adunk a teljes táblázatot. Legalábbis ez az, amit találtam.
Véleményem a leggyorsabb és leghatékonyabb módja az,
Azt is javasoljuk, egy kis funkció, hogy több változás html
Ha én húr zeneszerző, meg tudod csinálni, mint
Ez könnyen elvégezhető a funkció utolsó () jQuery.
Ezt találtam nagyon hasznos bővítmény AddRow kezelési táblázat sorait. Bár Luke megoldás az lenne a legjobb, ha csak hozzá kell adni egy új sort.
Íme néhány hakketsky hacker kódját. Azt akartam, hogy egy sor mintát a HTML oldalt. 0. n a táblázat sorai látható lekérdezési idő, és ez a példa egy egyetlen sort egy merev kódolt és egyszerűsített minta karakterlánc. Táblázat rejtett minták és tag kell legyen, hogy az érvényes táblázatot vagy böngészők eltávolíthatja a DOM fában. Hozzáadása sorban számláló + 1 alkalmazásával az azonosító és az aktuális tárolt érték az attribútum adatok. Ez garantálja, hogy minden sorban kap egy ilyen egyedi paraméterek URL-t.
Futottam a vizsgálatokat az Internet Explorer 8, Internet Explorer 9, Firefox, Chrome, Opera, Nokia Lumia 800. Nokia C7 (Symbian 3), Android és a Firefox béta változata.
Azt hiszem, nem az én projekt, itt van:
TBody új sor első TBody táblázatban, függetlenül a jelenléte vagy thead tfoot. (Én nem találtam információt bármely változata jQuery .append (), ez a viselkedés van jelen.)
Meg lehet próbálni ezt az alábbi példák:
Bizonyos példa AB húr egészül ki, miután a 2 helyett 1 április után 3 A második példában. Ha az asztal üres volt, jQuery teremt TBody az új vonalat.
Mivel én is egy módja annak, hogy adjunk egy sort vagy utolsó bármely adott helyen, így azt hiszem, meg is oszthatja meg ezt:
Először is, meg a hossza, vagy szöveg:
Ezután az alábbi kódot hozzá a következő sort:
Ahhoz, hogy hozzá egy jó példa ebben a témában, ez egy működő megoldás, ha meg kell adni egy sort egy bizonyos helyzetben.
Egy további sort után adjuk hozzá az 5. vonal vagy a végén a táblázat, ha a sorok száma kisebb, mint 5.
Tettem a tartalmát egy kész (rejtett) tartály az asztal alatt. Tehát, ha (vagy tervező) meg akarja változtatni, akkor nem kell szerkeszteni a JS.
Akkor cache a változó Lábjegyzet és csökkenti a hozzáférést a DOM (Megjegyzés: lehet, hogy jobb, hogy egy hamis szöveghez a lábléc).
Ha ön használ plug-DataTable JQuery, akkor próbáld meg.