如何檢查HTML元素是否被隱藏？

我有我的兩個元素（setProject和setHdc）。點擊後，它們會顯示其他表格元素。但是我想只讓一組表格元素同時出現。例如當用戶點擊「setProject」時，必須隱藏「setHdc」元素。否則相同。有沒有什麼辦法可以做到這一點？還是有更簡單的方法來做到這一點？如何檢查HTML元素是否被隱藏？

<script> 
$(document).ready(function(){ 
    $("#setProject ").click(function(){ 
    $("#test1").fadeToggle("fast"); 
    $("#projectTable1").fadeToggle("fast"); 
    $("#projectTable2").fadeToggle("fast"); 
    $("#projectTable3").fadeToggle("fast"); 
    }); 
}); 
$(document).ready(function(){ 
    $("#setHdc").click(function(){ 
    $("#hdcTable1").fadeToggle("fast"); 
    $("#hdcTable2").fadeToggle("fast"); 
    }); 
}); 
</script>

來源

2014-03-24 PRO_gramista

是我的問題清楚嗎？ –

@ user3455559否 –

@Rajaprabhu Aravindasamy - 我已經有了答案，但是謝謝！ –

您應該使用

if($(this).is(':visible')){ 
    doSomething(); 
}else{ 
    doSomethingElse(); 
}

的else部分將只適用於display:none元素的工作。有visibility:hidden/opacity:0元素將被視爲可見

來源

2014-03-24 13:43:51

使用:visible選擇

if($('#element').is(':visible')) 
{ 
    //write the code for visible 
} 
else 
{ 
    // write the invisible code 
}

來源

2014-03-24 13:42:33 writeToBhuwan

$(document).ready(function(){ 
    $("#setProject ").click(function(){ 
     $("#setHdc").hide(); 
     $("#test1").fadeToggle("fast"); 
     $("#projectTable1").fadeToggle("fast"); 
     $("#projectTable2").fadeToggle("fast"); 
     $("#projectTable3").fadeToggle("fast"); 
    }); 
    $("#setHdc").click(function(){ 
     $("#setProject").hide(); 
     $("#hdcTable1").fadeToggle("fast"); 
     $("#hdcTable2").fadeToggle("fast"); 
    }); 
});

就隱藏在每個元素的。點擊事件的反向元件。

來源

2014-03-24 14:00:06

這不是一個解決方案，因爲它隱藏了我的整個元素，用戶無法選擇它anymore。 –

如何檢查HTML元素是否被隱藏？

回答

相關問題