JSFiddle - React, Tailwind, and code Playground

by jtbowden

HTML

<ul class="relatedelements">
   <li style="display:none;" class="1">anything</li>
   <li style="display:none;" class="2">anything</li>
   <li style="display:none;" class="3">anything</li>
   <li style="display:block;" class="4">anything</li>
</ul>

<div class="num-relatedelements">0</div>

JavaScript

$(function() {
    var numrelated = $('.relatedelements > li:visible').length;
    $('.num-relatedelements').html(numrelated);
});