He utilizado este código:
var position = $("#test").parents("div").length - 10;
$("#test").closest("div:eq(" + position + ")").append("here!!!");
con que HTML :
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<span id="test">here</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Sí que es 11 div. así que ejecutar el código debería detenerse en el décimo div y anexar aquí !!!
Estoy seguro de que este código podría ser aún más limpio.
No hay necesidad de agregar clases.
Edit: He utilizado 11 DIV para que pueda ver que no va a la primera, en realidad se detiene en la décima.
$ ('# element_id'). greatgreatgreatgreatgreatgreatgreatgreatgrandparent()? –
@Larry: Muy agradable. ¿Cómo lo ignoró jQuery para su API? ; o) – user113716