JSFiddle - React, Tailwind, and code Playground

by Rochefort

HTML

<nav class="slider-navigation">
    <div class="left-arrow">left</div>
    <div class="right-arrow">right</div>
</nav>
<div class="slides">
    <div class="slide" id="slide1">1</div>
    <div class="slide" id="slide2">2</div>
    <div class="slide" id="slide3">3</div>
    <div class="slide" id="slide4">4</div>
</div>

JavaScript

jQuery(".left-arrow").click(function () {

    var currentSlide = jQuery(this).parent().siblings(".slides").children().next();

    // Do something with currentSlide.

});