jQuery檢測哪個元素是可見的

我有幾個表具有類似的類名，但一次只能看到一個表。我遇到了使用jQuery來檢測和保存可見表的類名的麻煩（我可以使用.is（'：visible'）來檢查並保存好名字的類名，但它很麻煩）。。我很欣賞任何建議。jQuery檢測哪個元素是可見的

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>

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

來源

2013-02-27 tao.hong

你可以直接將'class =「active」'添加到可見的表中嗎？這樣，您可以選擇活動表格。 – adamdehaven 2013-02-27 19:22:55

類選擇vs：by可視僞選擇器不應該有任何不同，只要它是*「有點麻煩」* – 2013-02-27 19:24:40

實際上，這些表的可見性正在改變...... – 2013-02-27 19:24:44

嘗試使用^（開頭）選擇使用:visible僞選擇，沿着：

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

但隨着選擇的開始是一個小模糊。如果可以，給予他們一個共同的類（良好喊凱文B）（以下假定類tab是普通類）：

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

來源

2013-02-27 19:23:14 mattytommo

如果元素可能有多個類，我會使用'[class * ='tab _']'。 – 2013-02-27 19:26:47

@RocketHazmat是真的，但如果它有'notatab_'類呢？ ;） – mattytommo 2013-02-27 19:27:56

或可能選擇按類開始並建議給他們一個共同的類 – 2013-02-27 19:29:00

事情是這樣的，也許：

var classes=[]; 
$("table:visible").each(function(){ 
    classes.push($(this).attr('class')); 
});

好像一個奇怪的要求，但。您可能想退後一步，看看是否有更合乎邏輯的方式來做你想做的事。

來源

2013-02-27 19:24:08

jQuery檢測哪個元素是可見的

回答

相關問題