как вернуть значения при смене слайдов с помощью slid.bs.carousel

Question

Я использую Карусель Bootstrap 4 с jQuery и php для создания одометра.Значение одометра динамически меняется на каждом слайде.Я намерен использовать .addClass в зависимости от длины значения.

Моя проблема заключается в том, что когда я console.log мое значение, только значение из первого слайда неоднократно печатается.Плюс в том, что он как минимум печатает при смене слайдов.

Как я могу console.log значение, уникальное для его текущего слайда, и console.log последующие значения и их слайды?Я понимаю, что если я вижу, что значения на самом деле печатаются на соответствующих слайдах, код, который у меня есть, должен работать с точки зрения проверки длины и в конечном итоге использовать addClass и removeClass с операторами if.

php

<div class="carousel-item <?php if ($z==0) { echo 'active';} ?>">
     <div class="stats-wrapper">
          <div class="Count" data-value="<?php echo $number?>">
            0
          </div>
      </div>
 </div>

jquery

function charsAlign() {

    var numCheck = $('.Count').data('value');           
    var makeStr = numCheck.toString();

    console.log(makeStr);   

    if(makeStr.length === 5){
        console.log(makeStr);
    }
    else {
        console.log('dont have 5'); 
    };  
}

$('#stat-carousel').on('slid.bs.carousel', charsAlign); 

Answer 1

Просто обновите ваш селектор CSS: (См. Селекторы CSS: https://www.w3schools.com/cssref/css_selectors.asp)

  var numCheck = $('.active .Count').data('value');