JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<div class="slide" id="slide1" data-slide="0" data-stellar-background-ratio="0.5">
        <div id="slideshow" >
            <div class="slide-new">Some Text</div>
            <div class="slide-new">Some Text</div>
            <div class="slide-new">Some Text</div>
        </div>
    </div>
    
    <div class="slide" id="slide2" data-slide="1" data-stellar-background-ratio="0.5">
        <div id="slideshow" >
            <div class="slide-new">Some Text</div>
            <div class="slide-new">Some Text</div>
            <div class="slide-new">Some Text</div>
            <div class="slide-new">Some Text</div>
        </div>
    </div>

JavaScript

$('.slide').each(function(){
   var slCount = $(this).find('.slide-new').length;
   $(this).data('slCount',slCount);
});

alert($('#slide2').data('slCount'));