我想检查和排序隐藏的元素。是否可以找到具有属性display
和值的所有元素none
?
我想检查和排序隐藏的元素。是否可以找到具有属性display
和值的所有元素none
?
Answers:
您可以使用:visible表示可见元素,并使用:hidden找出隐藏元素。此隐藏元素的display
属性设置为none
。
hiddenElements = $(':hidden');
visibleElements = $(':visible');
检查特定元素。
if($('#yourID:visible').length == 0)
{
}
如果元素占用了文档中的空间,则认为它们是可见的。可见元素的宽度或高度大于零, 参考
您也可以将is()与:visible
if(!$('#yourID').is(':visible'))
{
}
如果要检查显示值,则可以使用css()
if($('#yourID').css('display') == 'none')
{
}
如果使用显示,则display
可以具有以下值。
显示:无
显示:内联
显示:块
显示:列表项
显示:内联块
在此处检查可能display
值的完整列表。
使用JavaScript检查display属性
var isVisible = document.getElementById("yourID").style.display == "block";
var isHidden = document.getElementById("yourID").style.display == "none";
display: block;
来自jQuery的CSS 内联代码。我无法使用您的方法进行检查。帮我。
$("element").filter(function() { return $(this).css("display") == "none" });
style="display: none;"
。如果您希望特定的元素可见性并且使用父元素被隐藏,则使用:visible
和的答案:hidden
将会失败,因为那些选择器会返回页面的整体可见性(这不是所要问的问题)。
visibility: 'hidden';
在CSS 中设置的,因此检查最终还检查:$(this).css('visibility') != 'hidden'
jQuery中有两种方法来检查可见性:
$("#selector").is(":visible")
和
$("#selector").is(":hidden")
您还可以根据选择器中的可见性执行命令;
$("#selector:visible").hide()
要么
$("#selector:hidden").show()
:visible
也取决于父祖先的可见性。如果祖先是祖先,则display: none
无论其display
状态如何,所有后代都不可见。
$('#selector').is(':visible');
:visible
也取决于父祖先的可见性。如果祖先是祖先,则display: none
无论其display
状态如何,所有后代都不可见。