JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<div>
</div>
<span>
    visible span 1
</span>
<span>
    visible span 2
</span>

<br />
<p id="1">$("div ~ span:visible") : <span></span></p>
<p id="2">$("div").find("~ span") : <span></span></p>
<p id="3">$("div").find("~ span:visible") : <span></span></p>

JavaScript

$("p#1 span").text($("div ~ span:visible").length);
$("p#2 span").text($("div").find("~ span").filter(":visible").length);
$("p#3 span").text($("div").find("~ span:visible").length);