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

Método jQuery closest()

Métodos de búsqueda de jQuery

El método closest() devuelve el primer antepasado del elemento seleccionado.

El método closest() recorre desde el elemento actual hacia arriba hasta el elemento raíz del documento (html) para encontrar el primer antepasado del elemento DOM.

closest() yparents()El método es similar, ya que ambos recorren el árbol DOM. La diferencia es la siguiente:

closest()

  • Desde el elemento actual

  • Moverse hacia arriba en el árbol DOM hasta encontrar el objeto que coincide con el selector proporcionado

  • El objeto jQuery devuelto está ordenado en el documento según la secuencia de cada elemento en el conjunto original que contiene cero o un elemento

parents()

  • Desde el elemento padre

  • Navega por el árbol DOM hasta el elemento raíz del documento, agregando cada elemento antepasado a una colección temporal; luego, si hay un selector, filtra la colección según el selector

  • El objeto jQuery devuelto contiene cero o más elementos de la colección original (en el orden inverso del documento)

Sintaxis:

Devuelve el primer antepasado del elemento seleccionado:

$(selector).closest(selectorExpression)

Usar contexto DOM para devolver el primer antepasado, en el que buscar el árbol DOM:

$(selector).closest(selectorExpression, context)

Ejemplo

Devuelve el primer antepasado del <span> primero, es decir, el elemento <div>:

body(tatarabuelo)
div(tatarabuelo)
div(abuelo)
div(primer antepasado)-Abuelo)

p(padre directo)                      span

Ejecutar código

Valor del parámetro

ParámetrosDescripción
selectorExpressionEspecificar una expresión de selector, elemento o objeto jQuery para coincidir con elementos
context(可选)可以在其中找到匹配元素的DOM元素

Métodos de búsqueda de jQuery