JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
  <div id="inner1" class="inner" style="display: none"></div>
  <div id="inner2" class="inner"></div>
  <div id="inner3" class="inner"></div>
</div>

<div id="result"></div>

JavaScript

var $first_visible = $("div.inner:visible:first");
$("div#result").text($first_visible[0].id);