JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<div>
    <div style="display:none">
        <div>Input1:
            <input id="input1" type="text">
        </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>"
    <br />
    <hr/>
    <div id="result"></div>

JavaScript

var jqueryselect = "input:visible, input[type='hidden']";
var res = "";
$("body").find(jqueryselect).each(function (i, ele) {
    res += $(ele).attr("id") + " ";
});



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


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