Skip to main content
2 de 2
se añadieron 1812 caracteres en el cuerpo

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

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);