jQuery-luokan next() -menetelmä
Esimerkki
Etsitään jokaisen kappaleen seuraava sisarinen elementti ja valitaan vain "selected"-luokan kappaleet:
$("p");.next(".selected");.css("background", "yellow");
Määrittely ja käyttö
next() palauttaa jokaisen sopivan elementin seuraavan sisarisen elementin. Jos annetaan valitsin, palautetaan sopivan valitsimen seuraava sisarinen elementti.
Syntaksi
.next(selector)
| Parametrit | Kuvaus |
|---|---|
| selector | Merkistöarvo, joka sisältää valitsinlausekkeen, jota käytetään elementin sopivuuden tarkistamiseen. |
Yksityiskohtainen selitys
Jos annetaan jQuery-objekti, joka edustaa DOM-elementtikokoelmaa, .next() -menetelmä mahdollistaa etsimisen DOM-puun seuraavasta sisarisesta elementistä ja rakentaa uuden jQuery-objektin vastaavasta elementistä.
Tämä menetelmä hyväksyy valinnaisen valitsinlausekkeen, jonka tyyppi on sama kuin $() -funktiolle välitettynä. Jos seuraava sisarinen elementti vastaa valitsinta, se jää uuteen jQuery-objektiin; muuten sitä poistetaan.
Harkitse seuraavaa sivua, jossa on yksinkertainen luettelo:
<ul> <li>list item 1</li> <li>list item 2</li> <li class="third-item">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
Jos aloitamme kolmannesta kohteesta, voimme löytää sen jälkeen olevan elementin:
$('li.third-item');.next();.css('background-color', 'red');
Tämän kutsun tuloksena projekti 4 on asetettu punaiseksi taustaksi. Koska emme ole käyttäneet valitsinlauseketta, tämä elementti on selvästi sisällytetty objektin osaksi. Jos olemme jo käyttäneet valitsinta, tarkistetaan ennen sisällyttämistä, vastaako se.
