jQuery selaus - suodatus

Lyhennetty hakemisen laajuus

Kolme perusfilterimenetelmää ovat: first(), last() ja eq(), jotka sallivat sinun valita tietyn elementin sen sijainnin perusteella elementtipaketissa.

Muut suodatusmenetelmät, kuten filter() ja not(), sallivat sinun valita elementtejä, jotka vastaavat tai eivät vastaavat tiettyä määriteltyä standardia.

jQuery first() menetelmä

first() menetelmä palauttaa valittujen elementtien ensimmäisen elementin.

Seuraava esimerkki valitsee ensimmäisen <div>-elementin ensimmäisen <p>-elementin:

Esimerkki

$(document).ready(function(){
  $("div p").first();
});

Kokeile itse

jQuery last() menetelmä

last() menetelmä palauttaa valittujen elementtien viimeisen elementin.

Seuraava esimerkki valitsee viimeisen <div>-elementin viimeisen <p>-elementin:

Esimerkki

$(document).ready(function(){
  $("div p").last();
});

Kokeile itse

jQuery eq() menetelmä

eq() menetelmä palauttaa valittujen elementtien elementin, jolla on määritelty indeksi.

Indeksointi alkaa 0:sta, joten ensimmäisen elementin indeksi on 0, ei 1. Seuraava esimerkki valitsee toisen <p>-elementin (indeksi 1):

Esimerkki

$(document).ready(function(){
  $("p").eq(1);
});

Kokeile itse

jQuery filter() menetelmä

filter() menetelmä sallii sinun määrittää standardin. Elementit, jotka eivät täytä tätä standardia, poistetaan kokoelmasta, ja vastaavat elementit palautetaan.

Seuraava esimerkki palauttaa kaikki <p>-elementit, joilla on luokka "intro":

Esimerkki

$(document).ready(function(){
  $("p").filter(".intro");
});

Kokeile itse

jQuery not() menetelmä

not() menetelmä palauttaa kaikki elementit, jotka eivät täytä standardia.

Vinkki:not() menetelmä on päinvastainen filter() menetelmään.

Seuraava esimerkki palauttaa kaikki <p>-elementit, joilla ei ole luokkaa "intro":

Esimerkki

$(document).ready(function(){
  $("p").not(".intro");
});

Kokeile itse

jQuery-selailun viittaus

Jos haluat tietää kaikki jQuery-selailutavat, vieraile jQuery-selailun viittaus。