jQuery-selailu - nextAll() -menetelmä

jQuery 遍历参考手册

Esimerkki

Etsi ensimmäisen div:n jälkeen olevat ensimmäiset luokat ja lisää niille luokka:

$("div:first").nextAll().addClass("after");

Kokeile itse

Määrittely ja käyttö

nextAll() palauttaa jokaisen vastaavan elementin seuraavat sisar-elementit, valitsin suodatus on valinnainen.

Syntaksi

.nextAll(selector)
Parametrit Kuvaus
selector Merkistöarvo, joka sisältää valitsinlausekkeen, jota käytetään elementtien matchaamiseen.

Yksityiskohtainen selitys

Jos annetaan jQuery-objekti, joka edustaa DOM-elementtikokoelmaa, .nextAll() -menetelmä mahdollistaa etsimisen DOM-puun elementtien seuraavista sisar-elementeistä ja rakentaa uuden jQuery-objektin vastaavista elementeistä.

Tämä menetelmä hyväksyy valinnaisen valitsinlausekkeen, samanlaisen kuin olen välittänyt $() -funktiolle. Jos valitsin sovelletaan, niitä suodellaan tarkistamalla, vastaako ne elementit.

Mieti 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 projektista, voimme löytää sen jälkeen olevat elementit:

$('li.third-item').nextAll().css('background-color', 'red');

Kokeile itse

Tämän kutsun tuloksena projektit 4 ja 5 on asetettu punaiseksi taustaksi. Koska emme ole soveltaneet valitsinlauseketta, seuraava elementti on selvästi sisällytetty objektin osaksi. Jos olemme soveltaneet valitsinta, sitä ennen tarkistetaan, vastaako se.

jQuery 遍历参考手册