How to get data attribute of current slide, moved pagination does not work

[eformx]

Checks

• [X] Not a duplicate.
• [X] Not a question, feature request, or anything other than a bug report directly related to Splide. Use Discussions for these topics: https://github.com/Splidejs/splide/discussions

Version

v4

Description

How do I get the data attribute, for example slide2? I have tried pagination moved and can't get the attribute. Javascript of Jquery solution?

$(document).ready(function (e) {

var splide = new Splide( '.splide', {
    type   : 'loop',
    snap   : true,
    direction   : 'ttb',
    height: '90vh'
});

splide.mount();

splide.on( 'moved', function (newIndex, prevIndex, destIndex, slide, container) {
    console.log(newIndex);
    console.log(container)
} );

});

Reproduction Link

https:

Steps to Reproduce

see above

Expected Behaviour

return slide1 or 2 or 3

[eformx]

chatGPT to the rescue :)

$(document).ready(function (e) {

var splide = new Splide( '.splide', {
    type   : 'loop',
    snap   : true,
    direction   : 'ttb',
    height: '90vh'
});

splide.mount();

// Function to log the data-slide attribute of the active slide
function logActiveSlide() {
    var activeSlide = splide.Components.Elements.slides[splide.index];
    var slideData = activeSlide.getAttribute('data-slide');
    console.log(slideData);
}

// Log the initial active slide
logActiveSlide();

// Listen for the moved event (triggered when the user hits the previous and next slide buttons)
splide.on('moved', logActiveSlide);

});

[reilldesign]

Hi,

with the option perPage: 2 two slides are displayed per move. how can i read out the html elements here. only the first one is displayed.