Skip to main content
se añadieron 1812 caracteres en el cuerpo
Origen Enlace

Hola muy buenas a todos

Estoy intentando colocar este codigo ,

document.getElementById('paso-' + element.dataset.paso)

que naturalmente me trae un div que posee el id que comienza con paso-, y que posee el dataset.paso que requiero (1,2,3, etc), pero al querer utilizarlo en jquery no estoy logrando dar con la solucion, he intentado:

$('#paso').data("paso"),

pero solo me devuelve el numero de paso y no el elemento del dom como lo hacia la funcion de js vanilla

Aclaro que el fin de esto, es animar unos div, que son multi pasos de un formulario

mi HTML

 <fieldset class="paso active" id="paso-1">
              <h3>Solicitud Crediticia</h3>
              <p>
                  Bienvenido a nuestro simulador de prestamos! Si te interesa obtener
                  uno, llena el siguiente formulario y descubri que oferta tenemos para vos.
              </p>
              <button id="siguiente1" data-paso="1" data-al_paso="2" class="siguienteButton" type="button">Siguiente</button>
            </fieldset>
        
            <fieldset class="paso" id="paso-2">
              <h3>Ingresa tus datos</h3>
              <div class="contenedorInputs">
                <input id="nombre" class="" type="text" name="nombre" required placeholder="Nombre"></input>
                <input id="apellido" class="" type="text" name="apellido" required placeholder="Apellido">
                <input id="mail" class="" type="email" name="mail" required placeholder="Email" >
              </div>
              <button id="anterior0" data-paso="2" data-al_paso="1"  class="anteriorButton" type="button">Anterior</button>
              <button id="siguiente2" data-paso="2" data-al_paso="3" class="siguienteButton" type="button">Siguiente</button>
            </fieldset>   

y mi JS codigo al momento es, la idea es concatenar todo en esta funcion y hacer cambie el fieldset al hacer click y actualizar unas barras de progreso

 ("#formSimulador").on("click", function(e){
  let boton = e.target;
  let botonAtras = $(boton).hasClass("siguienteButton")
  let botonAdelante = $(boton).hasClass("anteriorButton")
  if (botonAtras || botonAdelante){
    let pasoActual = document.getElementById('paso-' + boton.dataset.paso);

Hola muy buenas a todos

Estoy intentando colocar este codigo ,

document.getElementById('paso-' + element.dataset.paso)

que naturalmente me trae un div que posee el id que comienza con paso-, y que posee el dataset.paso que requiero (1,2,3, etc), pero al querer utilizarlo en jquery no estoy logrando dar con la solucion, he intentado:

$('#paso').data("paso"),

pero solo me devuelve el numero de paso y no el elemento del dom como lo hacia la funcion de js vanilla

Aclaro que el fin de esto, es animar unos div, que son multi pasos de un formulario

Hola muy buenas a todos

Estoy intentando colocar este codigo ,

document.getElementById('paso-' + element.dataset.paso)

que naturalmente me trae un div que posee el id que comienza con paso-, y que posee el dataset.paso que requiero (1,2,3, etc), pero al querer utilizarlo en jquery no estoy logrando dar con la solucion, he intentado:

$('#paso').data("paso"),

pero solo me devuelve el numero de paso y no el elemento del dom como lo hacia la funcion de js vanilla

Aclaro que el fin de esto, es animar unos div, que son multi pasos de un formulario

mi HTML

 <fieldset class="paso active" id="paso-1">
              <h3>Solicitud Crediticia</h3>
              <p>
                  Bienvenido a nuestro simulador de prestamos! Si te interesa obtener
                  uno, llena el siguiente formulario y descubri que oferta tenemos para vos.
              </p>
              <button id="siguiente1" data-paso="1" data-al_paso="2" class="siguienteButton" type="button">Siguiente</button>
            </fieldset>
        
            <fieldset class="paso" id="paso-2">
              <h3>Ingresa tus datos</h3>
              <div class="contenedorInputs">
                <input id="nombre" class="" type="text" name="nombre" required placeholder="Nombre"></input>
                <input id="apellido" class="" type="text" name="apellido" required placeholder="Apellido">
                <input id="mail" class="" type="email" name="mail" required placeholder="Email" >
              </div>
              <button id="anterior0" data-paso="2" data-al_paso="1"  class="anteriorButton" type="button">Anterior</button>
              <button id="siguiente2" data-paso="2" data-al_paso="3" class="siguienteButton" type="button">Siguiente</button>
            </fieldset>   

y mi JS codigo al momento es, la idea es concatenar todo en esta funcion y hacer cambie el fieldset al hacer click y actualizar unas barras de progreso

 ("#formSimulador").on("click", function(e){
  let boton = e.target;
  let botonAtras = $(boton).hasClass("siguienteButton")
  let botonAdelante = $(boton).hasClass("anteriorButton")
  if (botonAtras || botonAdelante){
    let pasoActual = document.getElementById('paso-' + boton.dataset.paso);
Origen Enlace

Almacenar un div en una variable en jquery y no estoy lograndolo

Hola muy buenas a todos

Estoy intentando colocar este codigo ,

document.getElementById('paso-' + element.dataset.paso)

que naturalmente me trae un div que posee el id que comienza con paso-, y que posee el dataset.paso que requiero (1,2,3, etc), pero al querer utilizarlo en jquery no estoy logrando dar con la solucion, he intentado:

$('#paso').data("paso"),

pero solo me devuelve el numero de paso y no el elemento del dom como lo hacia la funcion de js vanilla

Aclaro que el fin de esto, es animar unos div, que son multi pasos de un formulario