Método closest

O método closest encontra o elemento pai mais próximo que atende ao seletor especificado como parâmetro do método. Este método é semelhante ao método parent. A busca é feita da seguinte forma: primeiro verifica-se o pai direto do elemento, depois o avô, o bisavô e assim por diante até o elemento raiz (ou seja, até a tag html).

Sintaxe

O seletor pode ser um elemento DOM, uma expressão ou um objeto jQuery. A busca começa a partir do elemento DOM passado como parâmetro:

.closest(seletor);

Como segundo parâmetro, também é possível passar um elemento DOM, neste caso a busca será realizada dentro desse elemento:

.closest(seletor, contexto);

Exemplo

Vamos para o elemento com #test encontrar o pai mais próximo com a classe www e no início desse elemento inserir um parágrafo com o texto '!', e no final - um parágrafo com o texto '?':

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

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

O código HTML ficará assim:

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

Veja também

método parent,
que permite obter o pai direto do elemento
método parents,
que permite obter todos os pais do elemento
método parentsUntil,
que permite obter todos os pais do elemento até o pai especificado
Método JavaScript closest,
que permite obter o elemento pai mais próximo