Javascript 如何使用jquery获取可见元素_Javascript_Jquery

Javascript 如何使用jquery获取可见元素

javascript jquery

Javascript 如何使用jquery获取可见元素,javascript,jquery,Javascript,Jquery,嗨，我有一个隐藏的div，在它里面我有一个可见的span。如果span没有display none属性，我想提醒一些文本 <head> <script type="text/javascript"> $(function() { if($('span').is(':visible')){ alert(0) } }) </script>

嗨，我有一个隐藏的div，在它里面我有一个可见的span。如果span没有display none属性，我想提醒一些文本

<head>
    <script type="text/javascript">
        $(function() {
            if($('span').is(':visible')){
                alert(0)
            }
        })
    </script>
</head>
<body>
    <div class="fa" style="display:none">
        <span>sdf</span>
    </div>
</body>

您不需要导入jQuery

在head元素中添加以下内容：

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

据

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

您是使用display:none隐藏的的的子级-这意味着既不使用也不使用文档中的任何空间

这意味着您的脚本是隐藏的，并且没有任何错误-它完全按照预期执行。

您的警报未触发的原因是您的范围不可见。它包含在具有display:none的元素中这一事实意味着它将不会被显示。如果您特别想检查它本身是否为display:none，请使用css

您的问题是，包含span元素的div将display:none作为属性，请尝试这样做，您只需将display:hidden改为none，JS就可以工作了

<div class="fa" style="display:hidden"><span>sdf</span></div>

问题是什么？你好像忘了导入jquery。我已经导入了jquery。我只是没有发布我想要输出alert0，但是它什么都不做如果div不可见，那么它里面的跨度也不可见。。。

if ($('span').get(0).style.display!='none') {

        if($('span').css('display') != "none"){
            alert(0)
        }

<div class="fa" style="display:hidden"><span>sdf</span></div>