Javascript 有没有一种方法可以使用“上的事件”来执行函数；给定数组中的任何选择器“？”；？

我有一个导航条，我已经把它做成了一个ID数组，我想知道如何执行一个函数来显示/隐藏一个具有不同ID的div数组。但我很难从哪里开始。我在想：

$。每个（数组1，函数（i，值）{
/*与array2比较，检查是否隐藏，相应地显示/隐藏*/
}

---

我需要一个.any或类似的东西。我可以用不同的方式编写代码，但我正在寻找最好的方法，我知道有一种方法比我所想的更好。

这个问题听起来似乎可以用CSS类更好地处理。您可能应该更改标记以使JS更容易呃

下面是一个例子，说明您可能正试图实现的目标

主页
产品组
$（'.section'）.hide（）；
$（'#homeDiv'）.show（）；
$（'.navLink'）。单击（函数（e）{
$（'.section'）.hide（）；
$（'#'+this.id+'Div'）.show（）；
});

通过一个示例，这可能更容易理解。如果您展示一些示例html，它将帮助我们。您能展示一下如何填充

array1

和

array2

？您是说

array1

列出所有div id，而

array2

只列出要隐藏的div id，还是。。。？

<div id="navbar">
  <a href="#" id="home" class="navLink">home</a>
  <a href="#" id="products" class="navLink">products</a>
</div>

<div id="content">
  <div id="homeDiv" class="section">home section</div>
  <div id="productsDiv" class="section">products section</div>
</div>

<script>
  $('.section').hide();
  $('#homeDiv').show();

  $('.navLink').click(function(e){
    $('.section').hide();
    $('#'+ this.id + 'Div').show();
  });
</script>