jquery，单击按钮时获取下拉列表的ID

Question

我的dom看起来像：

<td>

<select id=s1 class=c1>...</select>
<select id=s2 class=c1>...</select>
<select id=s3 class=c1>...</select>
<input type=button id=btn value=click/>
</td>

现在，当页面加载时，我会执行$(".c1").hide();，然后根据其他逻辑，使其中一个可见。

现在，当单击该按钮时，我想要当前可见的下拉列表的ID。

我该怎么做？

Answer 1

$("select.c1:visible").attr("id")

应该返回第一个可见选择元素的ID。

另请引用您的属性值。

Answer 2

$('#btn').click( function(){

    $('select.c1:visible').get(0).id

});

Answer 3

$("select:visible").attr("id")

顺便说一句，你应该知道ID并不是在JavaScript中查找和处理元素的唯一方法。我的意思是$("select:visible")已经包含了元素本身！