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);
.data()
? Esa es una función de jQuery que no tiene relación conelement.dataset
. Nos ayudaría que añadas más código para tener una mejor idea de lo que estás haciendo..data()
tiene la capacidad de leer la propiedaddataset
del elemento pero al modificarla no tiene efecto sobre el código HTML, sino que se guarda como una propiedad más del elemento en javascript.