JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="content">
        <div id="1" class="vis">1</div>
        <div id="1" class="vis">2</div>
        <div id="1" class="vis">3</div>
        <div id="1" class="vis">4</div>
        <div id="1" class="vis">5</div>
        <div id="1" class="vis">6</div>
        <div id="1" class="vis">7</div>
        <div id="1" class="vis">8</div>
    </div>
</div>

CSS

#main {
    border: 1px solid black;
    width: 400px;
    height: 400px;    
}

#content {
    width: 10000px;
    height: 10000px;
    /* background-color: red; */
    overflow: hidden;
}

.vis {
    width: 800px;
    height: 500px;
    border: 1px solid black;
    display: inline-block;
}

JavaScript

$(document).ready(function() {
    <!-- alert('asdasd'); -->
    var id = $("#5:visible");
    alert(id);
});