не может повторить одну и ту же функцию в нескольких классах

Question

нужно, чтобы этот код был коротким .. это плагин numscroll .. и у меня есть много элементов с номером данных !!!

$(function(){

   $(".num1").numScroll({
      number: $(".num1").attr("data-number"),
      'time': 3000,
      'delay': 0
    });
    $(".num2").numScroll({
      number: $(".num2").attr("data-number"),
      'time': 3000,
      'delay': 0
    });
    $(".num3").numScroll({
      number: $(".num3").attr("data-number"),
      'time': 3000,
      'delay': 0
    });


})

Answer 1

Используйте .each() и селектор для всех классов.

$(".num1, .num2, .num3").each(function() {
    $(this).numScroll({
        number: $(this).data("number"),
        time: 3000,
        delay: 0
    });
});

Answer 2

попробуйте:

$(function(){
   [".num1", ".num2", ".num3"].forEach((index)=>{
       $(index).numScroll({
           number: $(index).attr("data-number"),
           'time': 3000,
           'delay': 0
       });
   });
});