[SOLUCIONADO] Agregar estilo

[jlgarcia1977]

Necesito dar un estilo a un <spam> dentro de un <a>

Código HTML:

<a aba-menu-sidebar-toggle submenuid="menuHerramientas">
    <i class="icon-custom-portlets"></i>
    <span class="title">Herramientas</span>
    <span class="selected"></span>
    <span class="arrow"></span> </a>
<ul class="sub-menu ng-hide"  id="menuHerramientas">
 

Al pusar en <a> me va a la directiva de angular que procesa el siguiente codigo jQuery

Código HTML:

element.on('click', function() {
          var submenu = $('#'+scope.submenuid);
          if (submenu.hasClass('ng-hide')) {
            submenu.removeClass('ng-hide');
          } else {
            submenu.addClass('ng-hide');
          }
        });
 

Necesito que a parte de mostra/ocultar el ul con id="menuHerramientas", que lo hace correcto.
Que además el spam "<span class="arrow"></span>"
me lo cambie por " <span class="arrow open"></span>

Alguien me puede ayudar.
Muchas gracias.

[Alexis88]

Toma al <span> por su clase y añádele la nueva clase con el método .addClass().

Código Javascript:

$(".arrow").addClass("open");
 

Saludos

[jlgarcia1977]

Me lo hace bien pero me cambia todos los de la pantalla.
Hay alguna manera de limitarlo a que este dendro del <a> por ejemplo el que cambie.
Muchas gracias.

[Alexis88]

En ese caso, delega el evento click a todos los enlaces que contengan elementos similares, para lo cual te sería de mucha utilidad asignarles una clase. Cuando des un clic en cualquiera de dichos enlaces, buscas al elemento con la clase "arrow" y le añades la nueva clase.

Código Javascript:

$(".clase").on("click", function(){
    /* Otras instrucciones */
    $(this).find(".arrow").addClass("open");
});
 

Siempre consulta la documentación de jQuery pues hay muchos métodos que te pueden ser útiles.

Saludos

[monicapo]

Si necesitas que sea único, usa un id, y así solo asignas clases a ese id.

Tambien puedes acceder con $('a').childNodes[posicion] donde el array son los elementos dentro de <a>

[Alexis88]

Estimado monicapo; me temo que la propiedad childNodes no es parte de jQuery sino de JS nativo. Su equivalente en la librería es el método .children().

Saludos

[jlgarcia1977]

Con lo que ha puesto Alexis88 lo he resuelto perfectamente.
Muchas gracias por vuestro interes.