Mensaje con .next() y .append()

[arepavieja]

Hola, buen día. Tengo un pequeño inconveniente con esto:

Código Javascript:

function fcedula() {
    var ccedula = $('#cedula').val();
    if (ccedula=="")
        $('#cedula').next().append('mensaje');
}
 

Haciendolo de esa manera no funciona, pero si hago:

Código Javascript:

function fcedula() {
    var ccedula = $('#cedula').val();
    if (ccedula=="")
        $('#capamensaje').append('mensaje');
}
 

Entonces me imprime perfectamente el texto. el problema es que no quiero crear una capa con un nombre distinto por cada campo de formulario. Y pues quisiera resolverlo con .next().

[dual3nigma]

Hola arepavieja!!!

No me queda muy claro tu problema, lo que si es que te recomiendo las herramientas de webkit para hacer debugging de este tipo de problemas, por ejemplo podrías hacer

Código Javascript:

function fcedula() {
    var ccedula = $('#cedula').val();
    if (ccedula=="")
        consolé.log($('#cedula').next());
}
 

y ver en la consola que te imprime

Saludos!

[arepavieja]

Hola dual3nigma, gracias por la respuesta, muy buena alternativa, estuve revisando y solo sale [], que no entiendo que quiere decir. A tu criterio ¿lo que intento hacer es posible? es decir, el .next().append();

[dual3nigma]

Hola, [] quiere decir que no hay nada junto! la función .next() busca un elemento adyacente pero no lo crea si no existe, para eso tienes que utilizar .after(), entiendo que no quieres estar creando un elemento cada vez, por eso tienes que hacer una validación: si el elemento existe ya no lo vuelves a crear y utilizas .next() si no existe lo creas y le agregas lo que quieres.

Saludos!

[arepavieja]

Código HTML:

<div class="campo1"><input type="text" name="cedula" value="" size="" id="cedula" class="" ></input></div><span class="tal"></span>
 

Eso es lo que tengo, se supone que la clase "tal" es la siquiente a #cedula. Y pues según entiendo en esa se debe imprimir el texto que quiero. ¿o me equivoco?

Muchísimas gracias por tu ayuda dual3nigma.

[arepavieja]

Ya lo vi, si tenía razón, no conseguía elemento obviamente, tenía que meter la clase "tal" antes de cerrar el div.

[dual3nigma]

Mira fijate bien, para eso te sirve darle un bonito formato a tu html

Código HTML:

<div class="campo1">
    <input type="text" name="cedula" value="" size="" id="cedula" class="" />
</div>
<span class="tal"></span>
 

Vez el input #cedula no es adyacente a la clase .tal, para acceder al span.tal deberias de utilizar:

Código Javascript:

$('#cedula').parent().next()
 

[arepavieja]

Siii, era exactamente eso, jaja y estaba desordenado porque lo copié directamente del explorador. ¡Muchas gracias!