javascript - has - jquery second child

jQuery qué en cambio $(this).parent(). children()

Question

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 parent (). Children ()?

Creo que es un pedazo de código poco elegante. Es cualquier función, es decir: $ (this) .fun (''span''). Text (''simplemente mejor''); ??

Answer 1

Un poco más elegante es .prev()

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

Puedes leer más sobre esto aquí: Prev

Editar: leer el marcado al revés, prev es mejor, no el siguiente.

Answer 2

prueba esto:

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

Answer 3

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

Sería el equivalente sin atravesar el DOM y luego retroceder (quiero decir, todavía lo hace, pero al menos no lo está haciendo manualmente).

Answer 4

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

Answer 5

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