jQuery gennemgang - Filtrering

Kortlægning af søgeelementets område

De tre grundlæggende filtreringsmetoder er: first(), last() og eq(), de lader dig vælge et specifikt element baseret på dens placering i en gruppe af elementer.

Andre filtreringsmetoder, såsom filter() og not(), lader dig vælge elementer, der matcher eller ikke matcher en bestemt specificeret standard.

jQuery first() metode

first() metoden returnerer det første element i de valgte elementer.

Nedenstående eksempel vælger det første <p> element i den første <div> element:

Eksempel

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

Prøv det selv

jQuery last() metode

last() metoden returnerer det sidste element i de valgte elementer.

Nedenstående eksempel vælger den sidste <p> element i den sidste <div> element:

Eksempel

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

Prøv det selv

jQuery eq() metode

eq() metoden returnerer elementet med den specificerede indeks i de valgte elementer.

Indekset starter fra 0, så det første elements indeks er 0, ikke 1. Nedenstående eksempel vælger det andet <p> element (indeks 1):

Eksempel

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

Prøv det selv

jQuery filter() metode

filter() metoden lader dig specificere en standard. Elementer, der ikke matcher denne standard, vil blive fjernet fra samlingen, og matchende elementer vil blive returneret.

Nedenstående eksempel returnerer alle <p> elementer med klassenavn "intro":

Eksempel

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

Prøv det selv

jQuery not() metode

not() metoden returnerer alle elementer, der ikke matcher standarden.

Tip:not() metoden er modsat filter() metoden.

Nedenstående eksempel returnerer alle <p> elementer uden klassenavn "intro":

Eksempel

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

Prøv det selv

jQuery Genvejshåndbog

For at få viden om alle jQuery genvejsmetoder, besøg vores jQuery Genvejshåndbog。