jQuery encadenando padre(), ¿hay alguna manera más fácil?

Question

heno, tengo algunas marcas como esto

<div id="some-id"> 
    <h2><a href="#">Title</a></h2> 
</div> 

y un poco de jQuery como éste

$(this).parent().parent().attr("id") 

$ (este) se refería a la 'una' etiqueta dentro de la 'h2'

¿Hay una manera más fácil de seleccionar el div principal sin usar parent() dos veces? Intenté

$(this).parent("div").attr("id") 

pero no funcionó.

Gracias

Answer 1

Puede utilizar .closest(), como este:

$(this).closest("div").attr("id") 

You can test it here. .parent("div") no es tan intuitivo como parece, se pone solamente la inmediata padres si coincide con el selector .closest(), sube los padres hasta que coincida con el selector.

Tenga en cuenta que (no se aplica a este ejemplo) si this coincide con el selector, devuelve que elemento, no inicio con el primer padre, comienza con ella misma.