JQuery找到哪一个是可见的

<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.

谢谢！

解决方法

你可以做

$(':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')