如何使用slid.bs.carousel返回幻灯片更改的值

Question

我正在使用带有jQuery和php的Bootstrap 4的旋转木马来制作里程表。里程表的值在每个幻灯片上动态变化。我打算根据值的长度使用.ADDCLASS。

我的问题是当我安装我的价值时，只有第一个幻灯片的值重复打印。优势是它至少在幻灯片更改上打印。

我如何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/csssref/cssref/csssectors.selectors.asp）

） ）

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