JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer" style="display: none;">
  <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 = $(".inner").filter(function () {
  return this.style.display !== 'none';
}).first();
$("div#result").text($first_visible[0].id);