1

Tengo un set de inputs con sus respectivos divs. Lo que necesito es que mientras escribo, se replique lo que escribo en el div más cercano. He intentado usar closest() next() parent() siglings() pero ninguno funciona.

Como puedo hacerlo?

$(function(){

  $(document).on('keyup','.foo',function(){
    let val = $(this).val();
    $(this).closest('.bar').html(val);
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input class="foo">
<div class="bar"></div>

<input class="foo">
<div class="bar"></div>

<input class="foo">
<div class="bar"></div>

<input class="foo">
<div class="bar"></div>

1 respuesta 1

5

Simplemente con .next() pasandole de parámetro el selector.

$(function(){

  $(document).on('keyup','.foo',function(){
    let val = $(this).val();
    $(this).next('.bar').html(val);
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input class="foo">
<div class="bar"></div>

<input class="foo">
<div class="bar"></div>

<input class="foo">
<div class="bar"></div>

<input class="foo">
<div class="bar"></div>

1
  • Gracias sensei, no sabía que next() recibía parámetros. el 6 jun. 2018 a las 20:34

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.