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

Método jQuery closest()

Métodos AJAX do jQuery

O método closest() retorna o primeiro ancestral do elemento selecionado.

O método closest() percorre daqui para cima a partir do elemento atual até o elemento raiz do documento (<html>) para encontrar o primeiro ancestral do elemento DOM.

closest() eparents()O método é semelhante, pois ambos percorrem a árvore DOM. A diferença é a seguinte:

closest()

  • A partir do elemento atual

  • Mover-se para cima na árvore DOM até encontrar o objeto que coincide com o seletor fornecido

  • O objeto jQuery retornado é ordenado pelo documento para cada elemento na coleção original que contém zero ou um elemento

parents()

  • A partir do elemento pai

  • Navega pelo DOM até o elemento raiz do documento, adicionando cada elemento ancestral a um conjunto temporário; então, se houver um seletor, filtra o conjunto com base no seletor

  • O objeto jQuery retornado contém zero ou mais elementos de cada elemento da coleção original (em ordem inversa do documento)

Sintaxe:

Retorna o primeiro ancestral do elemento selecionado:

$(selector).closest(selectorExpression)

Usar contexto DOM para retornar o primeiro ancestral, onde pode-se encontrar a árvore DOM:

$(selector).closest(selectorExpression, context)

Exemplo

Retorna o primeiro ancestral do <span>, ou seja, o elemento <div>:

body(trisavô ancestral)
div(trisavô)
div(bisavô)
div(avô)-div(primeiro ancestral)

pai ancestral)                      p(pai direto)

span

Executar Código

Valor do ParâmetroParâmetro
DescriçãoselectorExpression
Especificar uma expressão de seletor, elemento ou objeto jQuery para correspondência de elementoscontext

Métodos AJAX do jQuery