jQuery:从类中获取可见元素的值

Question

我有一个包含多个 HTML 下拉列表的页面。

所有下拉菜单都具有相同的类，并且一次总是只有其中一个在页面上可见(其他下拉菜单根据之前不同的规则使用 jQuery 隐藏)。

如何从此类(“myClass”)中仅获取当前可见元素的值？

下拉菜单示例:

<select class="myClass" id="status1" name="status1">
    <option value="item1">Item 1</option>
    <option value="item2">Item 2</option>
    <option value="item3">Item 3</option>
</select>

非常感谢蒂姆提供的任何帮助

Answer 1

您可以使用:visible Selector

$('.myClass:visible').val()

DEMO