JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="carousel_gallery_hide" id="carousel_gallery_hide">
	<span class="a" data-main="true"><img src="images/carousel_gallery/img1.png" alt="" /></span>								
	<span class="a"><img src="images/carousel_gallery/img2.png" alt="" /></span>								
	<span class="a"><img src="images/carousel_gallery/img3.png" alt="" /></span>								
	<span class="a"><img src="images/carousel_gallery/img4.png" alt="" /></span>								
	<span class="a"><img src="images/carousel_gallery/img5.png" alt="" /></span>								
	<span class="a"><img src="images/carousel_gallery/img6.png" alt="" /></span>								
	<span class="a"><img src="images/carousel_gallery/img7.png" alt="" /></span>								
	<span class="a"><img src="images/carousel_gallery/img8.png" alt="" /></span>
</div>

JavaScript

var firstEl = $('.carousel_gallery_hide').find('.a').data('main', true);
var collection;
console.log(firstEl);//.nextAll().slice(0,4);