JSFiddle - React, Tailwind, and code Playground

by Shiny Joseph

HTML

<div id="CAROUSEL_CONTENTHERE" class="carousel-inner">

         <div class="item bgwhite"> 
            <div class="carousel-img-full">
                <a href="#"><img src="img/banner1.jpg" alt=""></a>
            </div>
        </div>
        <div class="item bgwhite">
            <div class="carousel-img-full">
                <a href="#"><img src="img/banner2.jpg" alt=""></a>
            </div>
        </div>
        <div class="item bgwhite">
            <div class="carousel-img-full">
                <a href="#"><img src="img/banner3.jpg" alt=""></a>
            </div>
        </div>

    </div>

CSS

.active
{
    background-color:#00ff00;
    width:70px;
    height:100px;
    
}

JavaScript

var spanElement = $("#CAROUSEL_CONTENTHERE").find(".item :first");
        $(spanElement ).addClass("active");