有没有办法使用"Any selector in given array"上的事件执行函数？

Question

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

$.each(array1, function(i, value) { /*compare to array2, check if hidden, show/hide accordingly */ }

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

Answer 1

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

下面是一个你可能试图实现的目标的例子。

http://jsfiddle.net/Gpedn/

<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>