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.

Kapcsolódó cikkek