TOC

jQuery filter () Beispiel

Beispiel für jQuery filter ()

Die jQuery-Filterfunktion ist eine nützliche Funktion zum Extrahieren Ihrer Elemente aus einem Satz übereinstimmender Elemente mithilfe des übereinstimmenden Selektors oder des Funktionstests.

1. Filter (Selektor)

Rufen Sie in einem Satz übereinstimmender Elemente die Elemente ab, die nur mit dem filter () - Selektor übereinstimmen.

Zum Beispiel, 

$("div").filter("#div1").css('background-color', 'blue');

Passen Sie alle div-Elemente an und wählen Sie die div-Elemente aus, die die ID von "div1" enthalten. Ändern Sie die Hintergrundfarbe des Elements in Blau.

2. Filter (Funktion)

Rufen Sie in einem Satz übereinstimmender Elemente die Elemente ab, die den Funktionstest bestehen. Die Funktion übergibt einen Indexparameter im Inneren, der den Index der übereinstimmenden Elemente darstellt, beginnend mit der Zählung von 0.

Zum Beispiel, 

$('div').filter(function(index) {
    if(index==2 || index==3){ //0 index based
        return true;
    }
}).css('background-color', 'blue');

Alle div-Elemente wurden abgeglichen. Filtern Sie mit der Funktion, um nur das dritte (2) und vierte (3) div-Element auszuwählen. 

$('div').filter(function(index) {
    return $("b", this).length == 1;
}).css('background-color', 'blue');

Entspricht allen div-Elementen. Filtern Sie mit der Funktion, um das div-Element auszuwählen, das das -Tag enthält.

Beispiel für jQuery filter () 



jQuery filter example








jQuery filter example







    This is div 1 with 'b' tag




    This is div 2




    This is div 3 with 'b' tag




    This is div 4

Probieren Sie die Demo aus

Related