javascript - 如何使用 slid.bs.carousel 在幻灯片更改时返回值

Question

我将 Bootstrap 4 的 Carousel 与 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>

j查询

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');