jQuery doorlopen - Filteren

Afkorting zoeken naar elementbereik

De drie meest basis filtermethoden zijn: first(), last() en eq(), die je toestaan om een specifiek element te kiezen op basis van zijn positie in een elementengroep.

Andere filtermethoden, zoals filter() en not(), laten je toe om elementen te kiezen die overeenkomen of niet overeenkomen met een specifieke standaard.

jQuery first() methode

De first() methode retourneert het eerste element van de geselecteerde elementen.

Het volgende voorbeeld selecteert het eerste <p> element binnen de eerste <div> element:

Voorbeeld

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

Probeer het zelf

jQuery last() methode

De last() methode retourneert de laatste element van de geselecteerde elementen.

Het volgende voorbeeld selecteert de laatste <p> element binnen de laatste <div> element:

Voorbeeld

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

Probeer het zelf

jQuery eq() methode

De eq() methode retourneert het element met de opgegeven index in de geselecteerde elementen.

Indexnummers beginnen bij 0, dus de index van het eerste element is 0 en niet 1. Het volgende voorbeeld selecteert het tweede <p> element (index 1):

Voorbeeld

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

Probeer het zelf

jQuery filter() methode

De filter() methode laat je toe om een standaard op te geven. Elementen die niet overeenkomen met deze standaard worden verwijderd uit de verzameling, en overeenkomende elementen worden geretourneerd.

De volgende voorbeeld retourneert alle <p> elementen met de klasse naam "intro":

Voorbeeld

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

Probeer het zelf

jQuery not() methode

De not() methode retourneert alle elementen die niet overeenkomen met de standaard.

Tip:De not() methode is het tegenovergestelde van filter()

De volgende voorbeeld retourneert alle <p> elementen zonder de klasse naam "intro":

Voorbeeld

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

Probeer het zelf

jQuery Traverseren Referentiemanual

Voor alle jQuery Traverseren methoden, bezoek onze jQuery Traverseren Referentiemanual.