jQuery lo que en lugar $ (this) .parent()()

Question

niños

Sólo un ejemplo rápido:.

<p> 
    <span class="example"></span> 
    <input type="text" name="e_name" id="e_id /> 
</p> 
<script type="text/javascript"> 
    $('input').click(function(){ 
     $(this).parent().children('span').text('Suprise!'); 
    } 
</script> 

¿Qué puedo usar en lugar de los padres (niños)()?

Creo que es una pieza poco elegante de código. Es cualquier función, es decir: $ (this) .fun ('span'). Text ('just better'); ??

Answer 1

$(this).siblings('span').text('Suprise!'); 

Answer 2

intente esto:

$(this).prev('span').text('Surprise!'); 

Answer 3

$(this).siblings('span').text('Surprise!');

sería el equivalente sin recorrer el DOM y luego hacia abajo (me refiero, todavía lo hace, pero al menos eres no hacerlo manualmente).

Answer 4

Un poco más elegante es .prev()

$(this).prev('span').text('Surprise!'); 

se puede leer más sobre esto aquí: Prev

edición: leer el marcado hacia atrás, anterior es mejor, no al lado.

Answer 5

$("span.example",$(this).parent()).text('Suprise!');