检查元素是否显示：none或在点击时阻止。 Jquery [英] check if a element is display:none or block on click. Jquery

问题描述

我想检查和排序隐藏的元素。是可以找到属性 display 和值 none 的所有元素。

I want to check and sort elements that are hidden. is it possible to find all elements with attribute display and value none.

推荐答案

您可以使用：visible 查看可见元素，然后：hidden 查找隐藏元素。此隐藏元素显示属性设置为 none 。

You can use :visible for visible elements and :hidden to find out hidden elements. This hidden elements have display attribute set to none.

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

检查特定元素。

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

}

如果元素在文档中占用空间，则被视为可见。
可见元素的宽度或高度大于零，
参考

您还可以使用 is（） with ：visible

You can also use is() with :visible

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

}

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

If you want to check value of display then you can use css()

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

}

使用显示以下值 display 可以。

display：none

display: none

display：inline

display: inline

display：block

display: block

list-item

display: list-item

display：inline-block

display: inline-block

检查完整列表可能显示值此处。

使用JavaScript检查显示属性

To check the display property with JavaScript

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

这篇关于检查元素是否显示：none或在点击时阻止。 Jquery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！