Selección primer anclaje en el interior elemento li con jQuery

Question

Mi HTML se parece a esto:

<li class="li-top"><a class="top sub" href=#>Blah</a> .... </li> 

Lo que estoy tratando de hacer es seleccionar la etiqueta de anclaje, por lo que puede cambiar el color del texto ("bla bla") Pero aquí está la trampa: estoy usando más cercano() porque estoy empezando a partir de un descendiente de esa etiqueta li:

$(this).closest('li.li-top'); 

¿Cómo consigo que la etiqueta de anclaje desde este punto de partida? Intenté next(), each(), children(), etc. No puedo obtenerlo. Gracias.

Answer 1

Si vas a empezar a partir de uno de los niños, es posible que trate:

$(this).parents('li.li-top').find('a:first'); 

Voy a menudo esto forma de encontrar 'primos una vez eliminados' en el DOM.

Answer 2

De esta manera, probablemente:

$('li.li-top a:first') 

O:

$(this).find('li.li-top a:first')