[SOLUCIONADO] seleccionar hijos de elementos

[danilojr007]

Buenos dias amigos del foro, les escribo por que tengo una inquietud al tratar de seleccionar elementos hijos de contenedores padres, este es un ejemplo del codigo HTML que tengo :

Código HTML:

<ul id ="list_pagination">
      <li><span><a>A</a></span></li>
      <li><a>B</a></li>
      <li><a>C</a></li>
      <li><a>D</a></li>
      <li><span><a>E</a></span></li>
</ul>
 

lo que necesito capturar son las etiquetas <a> de la lista exceptuando las etiquetas <a> que estan dentro del las etiquetas <span>

para esto, estoy utilizando este codigo JavaScript :

Código Javascript:

var enlaces_listado  = document.querySelectorAll("#list_pagination li a");
 

pero este me selecciona todos los a incluso los que estan adentro de las etiquetas <span>

Como puedo seleccionar todas las etiquetas y a la vez omitir las que estan dentro del <span> ?

hay que tener en cuenta que no se le pueden poner clases a las etiqueta li y sus hijos ya que esas etiquetas las pone un framework de php y es imposible acceder a ellas desde este mismo


Muchas gracias!

[danilojr007]

Hola chicos, ya lo solucione :v

solo era añadirle un mayor que a la selección.

De esta manera.

Código Javascript:

var enlaces_listado  = document.querySelectorAll("#list_pagination li > a");
 

asi seleccionamos los hijos directos de un contenedor o elemento