Problema funcion next()

[sfvgekko]

Hola,
No consigo que me funcione la funcion next en este proceso y llevo 2 dias y no se porque, a ver si alguien me puede echar una mano.

Es un simple formulario, al quitar el foco a un input quiero que aparezca o desaparezca el campo siguiente etiquetado con una det. clase, pero el dom no encuentra el objeto posterior... tengo esto en el html:

<td><input class="services" type="text" name="s5" id="s5" /></td>
<td><input class="tiempos" type="text" name="t5" id="t5" /></td>
<td><input class="services" type="text" name="s6" id="s6" /></td>
<td><input class="tiempos" type="text" name="t6" id="t6" /></td>
<td><input class="services" type="text" name="s7" id="s7" /></td>
<td><input class="tiempos" type="text" name="t7" id="t7" /></td>


Y el javascript esto:

$('.services').blur(function() {
if ($(this).val ( ) == "" ) {
$(this).next('.tiempos').hide( );
}
});

El problema es que no me coge el siguiente objeto con la clase tiempos, he probado mil cosas y no he sido capaz de que me funcione. De hecho he probado a poner solo next() para que coja el siguente objeto y me pone siempre undefined... es que no hay objetos despues?

mil gracias

[djaevi]

Te estas equivocando al interpretar el arbol DOM mira:

Código HTML:

<table>
    <tr>
        <td>
            <input class="services" type="text" name="s5" id="s5" />
        </td>
        <td>
            <input class="tiempos" type="text" name="t5" id="t5" />
        </td>
        <td>
            <input class="services" type="text" name="s6" id="s6" />
        </td>
        <td>
            <input class="tiempos" type="text" name="t6" id="t6" />
        </td>
        <td>
            <input class="services" type="text" name="s7" id="s7" />
        </td>
        <td>
            <input class="tiempos" type="text" name="t7" id="t7" />
        </td>
    </tr>
</table>
 

Como veras los input no son "hermanos" sino que cada uno esta dentro de un TD por ende no puedes llamarlos con next() ya que cada input es el unico nodo dentro del TD.

Para moverte por los inputs deberias salir a su nodo padre y de ahi si pasar al proximo elemento td y ahi acceder a su hijo input x ej:

Código Javascript:

$('.services').blur(function() {
    if ($(this).val ( ) == "" ) {
        $(this).parent().next().children(".tiempos").hide();
    }
});
 

Prueba aver si funciona. Salu2!

[sfvgekko]

Muchas gracias djaevi, voy a probarlo pero seguro que funciona, estoy empezando con JS y hay muchos conceptos que voy aprendiendo a medida que me van surgiendo, como este que a partir de ahora me ha quedado claro.

Muchas gracias de nuevo
Santiago