English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método jQuery filter()

Métodos de Navegação do jQuery

O método filter() retorna elementos que correspondem a condições específicas.

O método filter() remove todos os elementos que não correspondem às condições selecionadas e retorna aqueles que correspondem.

Método filter() enot()Método inverso.

Sintaxe:

Obtém elementos que correspondem a condições específicas:

$(selector).filter(criteria)

Usa uma função para obter elementos:

$(selector).filter(function(index))

Exemplo

Retorna todos os parágrafos com a classe "demo":

$("document").ready(function(){
  $("p").filter(".demo").css("background", "coral");
});
Teste para ver‹/›

Retorna todos os itens pares:

$("document").ready(function(){
  $("li").filter(:even).css("background", "coral");
});
Teste para ver‹/›

Mudar a cor de todos os divs; então adicionar estilo de borda para usuários com a classe "middle":

$("document").ready(function(){
  $("div").css("background", "#c8ebcc").filter(".middle").css("border-color", "red");
});
Teste para ver‹/›

Usar função para filtrar elementos:

$("document").ready(function(){
  $("div").filter(function(i){  
        return $(this).hasClass("middle");
  }).css("background-color", "blue");
});
Teste para ver‹/›

Valor do Parâmetro

ParâmetroDescrição
criteriasEspecificar uma expressão de seletor, um objeto jQuery ou um ou mais elementos retornados de um grupo de elementos selecionados.
Para especificar várias condições, use vírgula
function(index)Especificar uma função para testar cada elemento da coleção
  • index-Retornar a posição do elemento na coleção

Métodos de Navegação do jQuery