• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

117
Views
Quiero crear un bucle jQuery a partir de esta función en lugar de copiar esta función una y otra vez 12 veces.

Necesito ayuda para crear un bucle en esta función jQuery. Tengo algunos elementos en mi página HTML con el atributo [level-data="l1"] y los uso en mi función para hacer algunos cambios en la página. Tengo 12 atributos diferentes que comienzan con [level-data="l1"] y terminan con [level-data="l12"] . Lo que quiero es crear un bucle jQuery en lugar de copiar esta función una y otra vez 12 veces, cada elemento tendrá un atributo [level-data='ln'] diferente, donde n es un número del 1 al 12. Aquí está mi código:

 $('.chart-level[level-data="l1"]').on("click", function () { $('.chart-level').removeClass('active'); $('.chart-levels-items .level-info').removeClass('active'); $(this).addClass('active'); $('.chart-levels-items .level-info[level-data="l1"]').addClass('active'); $('.chart-slider-item.page_slider').removeClass('shown'); $('.chart-slider-item.page_slider[level-data="l1"]').addClass('shown'); $('.chart-slider-item.popup_slider').removeClass('shown'); $('.chart-slider-item.popup_slider[level-data="l1"]').addClass('shown'); if(window.matchMedia('(max-width: 768px)').matches){ $([document.documentElement, document.body]).animate({ scrollTop: $(".chart-levels-items .level-info[level-data='l1']").offset().top }, 2000); } });

¡Gracias de antemano!

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

No necesitas un bucle. Use .chart-level[level-data] como selector y lea el atributo de level-data de nivel del elemento en el que se hizo clic. [...] es un selector de atributos que selecciona elementos que tienen un atributo determinado .

Tenga en cuenta que level-data es un atributo no válido. Puede usar atributos data-* en su lugar. es decir, cámbielo a data-level . Luego puede usar $(this).data('level') para leer el valor del atributo data-level .

 $('.chart-level[data-level]').on("click", function () { var level = $(this).data('level') $('.chart-levels-items .level-info[data-level="' + level + '"]').addClass('active'); // ... });

En caso de que esté usando el atributo solo para seleccionar elementos relacionados con el elemento en el que se hizo clic, entonces debería considerar usar métodos transversales de jQuery (como parent , siblings , ...) para seleccionar los elementos de destino en su lugar.

about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error