如何在此脚本中使用多个 ID if (!$('#wrapper:visible').length)

Question

任何人都知道如何在此脚本中添加多个 ID。我现在只为#wrapper 工作，但我想在同一个脚本中添加更多 id。

<script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function() {
        setInterval(function() {
            if (!$('#wrapper:visible').length) window.location.href = 'http://www.example.com/'
        }, 1000)
    })
  //]]>
</script>

在上面的脚本中它只包含 #wrapper，我还想在该脚本中添加 #doom 和 #deem。语法是什么？

Answer 1

您可以在选择器中添加更多 ID，然后只过滤 :visible

if ( $('#wrapper, #doom, #deem').filter(':visible').length === 0 ) {
    // do stuff
}

Answer 2

最简单的方法是使用多个选择器，方法是修改 if 条件以使用逗号并使用 is 方法：

<script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function() {
        setInterval(function() {
            if (!$('#wrapper, #doom, #deem').is(':visible')) window.location.href = 'http://www.example.com/'

        }, 1000)
    })
  //]]>
</script>

阅读clicking here的多重选择器更多信息

说明：选择所有指定选择器的组合结果。

阅读 clicking here 的 is 方法的更多信息：

描述：根据选择器、元素或 jQuery 对象检查当前匹配的元素集，如果这些元素中至少有一个与给定参数匹配，则返回 true。