[SOLUCIONADO] Focus Jquery Not working

[informacionsys]

Buenos dias

Compañeros , tengo un problemita

Tengo este codigo:

$("#contentRowItem").on("blur",".caja-serial",function()
{
$(".caja-serial").next().focus();
});

Lo quiero hacer es que cada vez salga del foco del input con la clase caja-serial
le coloque el foco al siguiente elemento con la misma clase caja-serial , no he conseguido que me funcione...

Si lo pruebo asi :

$("#contentRowItem").on("blur",".caja-serial",function()
{
$(".caja-serial").focus();
});

me lleva al foco del ultimo input text con la clase...

Lo otro es que el evento focus no funciona bien en los navegadores, muchas veces lo pruebo y no hace el foco , otras veces si...

[jonni09lo]

Pues si tus elementos tienen esta estructura puedes hacer esto:

Código HTML:

<input class="caja-serial" />
<input class="caja-serial" />
<input class="caja-serial" />
 

Código Javascript:

$("#contentRowItem").on("blur",".caja-serial",function(){ 
    $(this).next(".caja-serial").focus(); 
});
 

Next es la clave, si no sigue la estructura debes de jugar con parents y next

Código HTML:

<div class="loquesea"><input class="caja-serial" /></div>
<div class="loquesea"><input class="caja-serial" /></div>
<div class="loquesea"><input class="caja-serial" /></div>
 

Código Javascript:

$("#contentRowItem").on("blur",".caja-serial",function(){ 
    $(this).parents('.loquesea').next('.loquesea').find('.caja-serial').focus(); 
});
 

Saludos

[informacionsys]

Hola

Gracias por la ayuda , probe tus ejemplos y funcionan pero la estructura que tengo es esta :

mira el codigo:


http://jsfiddle.net/Fh4y5/5/

si te fijas la clase .caja-serial esta dentro de td , cuando busca el next del padre .content-row-grilla resulta que ese tr no tiene la clase .content-row-grilla y ahi falla, pero ese tr esta oculto , podria indicarle que solo me busque los next(".content-row-grilla") pero visibles o algo asi?

[jonni09lo]

Que pena la demora, he estado bastante ocupado últimamente

Mira en ese caso particular, next solo funciona para el elemento inmediatamente siguiente

Código HTML:

<tr class="content-row-grilla">
    <!-- pruebas -->
</tr>
<tr class="content-row-grilla">
    <!-- pruebas -->
</tr>
 

En el caso anterior de seguro funcionará, pero como no es el caso toca usar nextAll junto con first para obtener el primer elemento siguiente independientemente si es inmediato o no. Demo

Saludos

[informacionsys]

Hola

Muchas gracias.... !!! Voy a implementarlo.

Gracias......