Método closest

El método closest encuentra el elemento padre más cercano que cumple con el selector especificado como parámetro del método. Este método es similar al método parent. La búsqueda se realiza de la siguiente manera: primero se verifica el padre directo del elemento, luego el abuelo, el bisabuelo y así sucesivamente hasta el elemento raíz (es decir, hasta la etiqueta html).

Sintaxis

El selector puede ser un elemento DOM, una expresión o un objeto jQuery. La búsqueda comienza desde el elemento DOM pasado como parámetro:

.closest(selector);

Como segundo parámetro también se puede pasar un elemento DOM, entonces la búsqueda se realizará en este elemento:

.closest(selector, contexto);

Ejemplo

Busquemos para el elemento con #test el padre más cercano con la clase www e insertemos al principio de este elemento un párrafo con el texto '!', y al final - un párrafo con el texto '?':

<div>
	<div class="www">
		<div>
			<p id="test">text</p>
		</div>
	</div>
</div>

$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

El código HTML pasará a verse así:

<div>
	<div class="www">
		<p>!</p>
		<div>
			<p id="test">text</p>
		</div>
		<p>?</p>
	</div>
</div>

Véase también

método parent,
que permite obtener el padre directo del elemento
método parents,
que permite obtener todos los padres del elemento
método parentsUntil,
que permite obtener todos los padres del elemento hasta el padre especificado
Método JavaScript closest,
que permite obtener el elemento padre más cercano