JSFiddle - React, Tailwind, and code Playground

by frntz

HTML

<div>
    <div style="display:none">
        <div>
            Input1: <input id="input1" type="text">
            Input4 (hidden): <input id="input4" type="hidden">
        </div>
    </div>
<div>
    Input2: <input id="input2" type="text">
    Input3 (hidden): <input id="input3" type="hidden">
</div>
<br>
    Inputs found for "<span id="jqselect"></span>"
<div id="result">
</div>

JavaScript

var jqueryselect = ":parent:not(hidden) input";
var res = "";
$("body").find(jqueryselect).each(function(i, ele){
    res += $(ele).attr("id") + " ";
});

$("#jqselect").text(jqueryselect);
$("#result").text(res);