javascript - jQuery 检测哪个元素可见

Question

我有几个类名相似的表，但一次只能看到一个表。我在使用 jQuery 检测和保存可见表的类名时遇到了麻烦(我可以使用 .is(':visible') 来检查和保存正类的类名，但这有点麻烦。) .我很感激任何建议。

HTML

<table class="tab_Chemical" border="0" style="display:none">
    <tr><th><label for="id_wat_hl">Water Column Half life (days):</label></th>
        <td><input type="text" name="wat_hl" id="id_wat_hl" /></td></tr>
</table>
<table class="tab_Physical" border="0">
    <tr><th><label for="id_mas_tras_cof">Mass Transfer Coefficient (m/s):</label></th>
        <td><input type="text" name="mas_tras_cof" value="1e-08" id="id_mas_tras_cof" /></td></tr>
</table>

JS

<script type="text/javascript">
$(document).ready(function() {
     ###CODE TO DETECT VISIBLE CLASS and SAVE the CLASS NAME###
});
</script> 

Answer 1

尝试使用 :visible 伪选择器，以及 ^(开头为)选择器:

$(document).ready(function () {
    var visible = $("[class^='tab_']:visible");
});

但是 starts with 选择器有点模糊。如果可以的话，给他们一个公共(public)类(Good shout Kevin B)(下面假设类 tab 是公共(public)类):

$(document).ready(function () {
    var visible = $(".tab:visible");
});