[SOLUCIONADO] Problema con selector

[chelsae]

Hola a todos,

Tengo un problema a la hora de seleccionar un li para cambiarle el estilo asignando el id current pero no hay manera.

El código html es este:

Código HTML:

<ul id="tabsmbl">
       <li><a href="#" title="tabmbl1">Plato 1</a></li>
       <li><a href="#" title="tabmbl2">Plato 2</a></li>
       <li><a href="#" title="tabmbl3">Postre</a></li>
      <li><a href="#" title="tabmbl4">Totales</a></li>
    </ul> 

Lo que quiero es poder asignar el id "current" a la pestaña que yo quiera, con el siguiente código consigo hacerlo con la primera pero con el resto no hay manera:

Código:

$("#tabsmbl li:first").attr("id","current");

Me echáis una mano?

Muchas gracias

[fede5426]

Código Javascript:

$("#tabsmbl li:nth-child(2)").attr("id","current");
$("#tabsmbl li:nth-child(3)").attr("id","current");
$("#tabsmbl li:nth-child(4)").attr("id","current");
 

No entiendo bien que es lo que queres hacer, pero para seleccionar los hijos de un div que no son el primero, se usa nth-child(n).. donde "n" es la posición del hijo.

[chelsae]

Hola Fede,

Muchas gracias, lo que quiero es que cuando cargo el contenido de una de las pestañas a través de jquery que quede seleccionada la pestaña correspondiente.

Con el código que me pasas ya lo tengo, así que muchas gracias.

Saludos

[fede5426]

Por las dudas te dejo otra forma de hacerlo:

Código HTML:

<ul id="nav">
    <li><a class="menu" href="#">Menu 1</a></li>
    <li><a class="menu" href="#">Menu 2</a></li>
    <li><a class="menu" href="#">Menu 3</a></li>          
</ul>
 

Código CSS:

#nav li .active{
    /*estilos del item seleccionado*/
}
 

Código Javascript:

$('a.menu').click(function(){
     $('a.menu').removeClass("active");
     $(this).addClass("active");
});
 

[chelsae]

Muchas gracias tio