使用jquery,如何检查元素是否可见?

时间:2010-02-18 03:00:28

标签: javascript jquery

我还需要找出div中的所有元素,并检查它们的可见性。怎么做?

5 个答案:

答案 0 :(得分:15)

问题的第一部分听起来像是想要找到div中的所有元素。然后检查可见性。

要获取div的后代的所有元素,请使用:

$('#myDiv *')

所以要测试每个元素,并根据可见性采取相应的行动:

$('#myDiv *').each(function() {
    if( $(this).is(':visible') ) {
        // code to run if visible
    } else {
        // code to run of not visible
    }
})

答案 1 :(得分:14)

您可以使用:visible:hidden伪元素选择它们。例如,选择<div>的所有可见后代。

$("div :visible")...

您可以使用is()进行测试。例如:

if ($("#someId").is(":visible")) { ...

答案 2 :(得分:5)

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

将返回truefalse

答案 3 :(得分:1)

使用:hidden和:visible选择器。

$( “DIV:可见”)。隐藏();

$( “DIV:隐藏”)。显示();

答案 4 :(得分:1)

使用$(div:visible)选择器选择div中的所有可见元素。你可以在http://api.jquery.com/visible-selector/找些更多细节。