Why doesn't the attribute value change?

Question

JavaScript

This code always outputs 0 even though the slides are switched and the "slick-current" class is reassigned to other slides?
There are five slides and the data attributes go from 0 to 4.

$('.content-inn').on('afterChange', function(){
    console.log($(".slick-active").attr('data-slick-index'));
})

I want it to give me the actual data-slick-index after each flip

Answer 1

You don't need to go into the attributes, the afterChanges event already has the index of the current slide in its arguments

$('.content-inn').on('afterChange', function(event, slick, currentSlide){
     console.warn(currentSlide);  
});

Answer 2

So you probably need to take an attribute from the current slide with the class .slick-current:

$('.content-inn').on('afterChange', function(){
    console.log($(".slick-current").attr('data-slick-index'));
})