JQuery 找出哪个是可见的

Question

<select id="milesAway">
    <option id="5" value="5">5 miles</option>
    <option id="10" value="10">10 miles</option>
    <option id="25" value="25">25 miles</option>
    <option id="50 value="50">50 miles</option>
    <option id="100" value="100">100 miles</option>
    <option id="250" value="250">250 miles</option>
    <option id="500" value="500">500 miles</option>
</select>
<input type="text" id="zipCode" />
<input type="text" id="cityState" class="cityState" />

因此，在任何时候，都只会显示这 3 个可用输入中的一个。它们都由.show()和控制.hide()

我确实使用 JQuery 找出显示的那个并获取它的 id。

谢谢！

Answer 1

你可以做

$(':input:visible') //This will selects all inputs on the page. You can narrow this down by specifying an ID that wraps the input you are looking or.

您还可以通过执行以下操作来检查输入是否可见

$('#cityState').is(':visible')