检查一个元素是否显示：无或单击块。 jQuery的

我想检查和sorting隐藏的元素。 是否有可能find所有具有属性display和值none元素。

Answer 1

您可以使用：对可见元素可见和：隐藏来查找隐藏的元素。 这个隐藏的元素的display属性设置为none 。

 hiddenElements = $(':hidden'); visibleElements = $(':visible'); 

检查特定元素。

 if($('#yourID:visible').length == 0) { } 

如果元素消耗文档中的空间，则认为它们是可见的。 可见元素的宽度或高度大于零， 参考

你也可以使用is（） with :visible

 if(!$('#yourID').is(':visible')) { } 

如果你想检查显示的值，那么你可以使用css（）

 if($('#yourID').css('display') == 'none') { } 

如果您正在使用display可以显示下列值。

显示：无

显示：内联

显示：块

显示：列表项

显示：内嵌块

在这里检查可能的display值的完整列表。

用JavaScript来检查显示属性

 var isVisible = document.getElementById("yourID").style.display == "block"; var isHidden = document.getElementById("yourID").style.display == "none"; 

Answer 2

 $("element").filter(function() { return $(this).css("display") == "none" }); 

Answer 3

是的，你可以使用cssfunction。 下面将search所有的div，但你可以修改它的任何你需要的元素

 $('div').each(function(){ if ( $(this).css('display') == 'none') { //do something } }); 

Answer 4

 $('#selector').is(':visible'); 

Answer 5

使用这个条件： –

 if(jQuery(".profile-page-cont").css('display') == 'block'){ //condition } 

Answer 6

有两种方法在jquery中检查可见性：

$("#selector").is(":visible") and $("#selector").is(":hidden")

您还可以根据select器中的可见性执行命令;

$("#selector:visible").hide() or $("#selector:hidden").show()