Az elem indexhez való jquery hozzáférést kapunk
JQuery hozzáférést kapunk az elemhez index alapján
Hogyan kaphat jQuery hozzáférést egy elemhez indexenként?
Tehát már kitaláltuk, hogyan lehet elemeket gyűjteni a $ () függvény és a választó mechanizmus segítségével.
A legtöbb módszer a jQuery könyvtárban lehetővé teszi egy gyűjtemény összes elemének tulajdonságainak egyszerre történő megváltoztatását. Például minden címkére következtetünk <р> szöveg "Jó napot!"
$ ("p") .text ("Jó nap!");
Ez persze kényelmes. De néha hozzá kell férnie a gyűjtemény egy bizonyos eleméhez. Mielőtt egy adott elemre hivatkozna, használja a hossz tulajdonságot a gyűjtemény elemeinek számának megkereséséhez,
Ezenkívül a size () metódust is használhatja.
Most, hogy ismerjük az elemek számát, elkezdhetjük átnézni a gyűjtemény összes elemét.
Az elemet szögletes zárójelben megadva indexelheti. A számozás nulláról indul. Példaként megjelenik a "Jó nap!" Szöveg. csak a második címkén p.
var elems = $ ("p");
ha (elems.size ()> = 2) elems [1] .innerHTML = "Jó napot!";
>
más figyelmeztetés ("Nincs kimeneti elem!");
>
Jegyezd meg, hogy az index-hozzáférés visszaad egy hivatkozást a DOM elemre. Ezért a tartalom a dokumentumobjektum internalHTML tulajdonságával módosítható. Csak a jQuery text () metódust alkalmazhatja az elem megtalálása után.
Szögletes zárójelek helyett a get () metódust használhatja. A módszer a következő formátumú.
get ([<Индекс элемента>])
Ha az elemindex nincs megadva, akkor a DOM elemek tömbje visszakerül,
var elems = $ ("p") get ();
riasztás ("DOM elemek száma" + elems.length);
Egy paraméter megadása lehetővé teszi egy adott elem elérését. Az elemek számozása 0-val kezdődik. Például minden p-ben a jelenlegi bekezdés indexét kapjuk.
Az összes vizsgált módszer lehetővé tette a hozzáférést egy adott DOM elemhez. Ha a jQuery gyűjtemény elemét szeretné elérni, használja az eq () metódust. Az elemek számozása a 0-tól kezdõdik. A korábbi példánkat átdolgozzuk és a jQuery html () metódust használjuk a dokumentumobjektum internalHTML tulajdonsága helyett,
A szelet () módszer lehetővé teszi, hogy egy szeletet kapjon a gyűjteménytől. Új gyűjteményt ad vissza. A következő formátumban van.
szelet (<Начальная позиция>[ <Конечная позиция>])
Ne feledje, hogy a pozíciók számozása 0-nál kezdődik, és a véghelyzet nem tartozik a visszaadott értékek tartományába. Válassza ki a gyűjtemény első linkjét.
$ ("a") .slice (0,1) .css ("szín", "piros");
Most válasszon csak a második és a harmadik linket.
Ha a második paraméter nincs megadva, az elemek a kezdeti pozícióból a gyűjtemény végéig lesznek visszaadva. Válassza ki az összes linket a harmadiktól kezdve.
$ ("a") .slice (2) .css ("szín", "piros");
Ha negatív értéket ad meg, akkor a pozíciók a gyűjtemény végétől fognak számolni. Jelöljük ki az utolsó két linket.
$ ("a") .slice (-2) .css ("szín", "piros");
A szelet () metódus segítségével a dokumentum összes hivatkozását számozzuk.
Az index () metódus használatával megkaphatja az elem indexjét az oldalon. Ha az elem nem található, akkor a -1-et visszaadja. Az elemek számozása nulláról indul. A módszer a következő formátumú,
Amikor rákattint a bekezdésre, megjelenítjük annak indexét.
$ ("p") kattintson (function () riasztás ("Index:" + $ ("p") index (ez));
>);
<р>1. bekezdés <р>2. bekezdés <р>(3) bekezdés <р>4. bekezdés
Az egyes () metódus lehetővé teszi a gyűjtemény összes elemének rendezését anélkül, hogy hurkot használna. Ez a következő szintaxis,
mindegyik (Visszahívás funkció)
függvény <Название функции> ([<Индекс> [ <Элемент DOM>]])
Minden paraméter választható. Ha megad egy változót az Index paraméterben, akkor minden egyes iterációnál a gyűjteményben lévő elem aktuális indexe kerül átvitelre. A számozás 0-val kezdődik. Az elem indexét minden div tagben kapjuk.
$ ("div") minden (függvény (i) this.innerHTML = "DIV index" + i;
>);
Az aktuális elem a funkción belül a mutatón keresztül érhető el. Ne feledje, hogy ez hivatkozik a dokumentum objektummodelljének aktuális elemére, nem pedig a jQuery gyűjtemény elemére. Emiatt nem használhat jQuery módszereket ehhez az elemhez. Az utolsó példában a dokumentumobjektum innerHTML tulajdonságát használtuk fel, ahelyett, hogy a metódust a jQuery könyvtárból szeretnénk, hogy a szöveget a div címkéken belül megjelenítse. Ha a jQuery könyvtárból szeretne metódusokat használni, először meg kell keresnie az elemet a $ () függvénnyel. Például, cserélje ki a innerHTML tulajdonságot a jQuery metódus html () segítségével.
$ ("div") minden (függvény (i) $ (ez) .html ("DIV index" + i);
>);
$ ("div") minden (függvény (i, d) $ (d) .html ("DIV index" + i);
>);
Ha a függvény hamis, akkor az () metódus végrehajtása leáll. Ha az index két, akkor megszakítjuk a módszer végrehajtását.
Mindezen példákban névtelen funkciót használtunk. Ha normál funkciót szeretne hívni, annak nevét paraméterként kell megadni az egyes () metódusokra, zárójelek nélkül.
A dokumentumszerkezet betöltése után megtaláljuk a ($ ("a")) összes címke gyűjteményét. Ezután használja az each () metódust az összes elem felsorolására. Érvelésként névtelen funkciót adunk meg. Minden egyes iterációnál névtelen funkción belül egy pointer (ez) áll rendelkezésre a gyűjtemény aktuális eleme számára. Megtaláljuk az aktuális elemet ($ (ez)), és az attr () metódust használjuk a href (attr ("href") érték eléréséhez). Az eredmény megjelenítéséhez keresse meg az elemet az divl ($ ("#divl")) azonosítóval, és használja az append () metódust, hogy az eredményt hozzáadja az elem meglévő értékének végéhez.