有没有办法使用“给定数组中的任何选择器”上的事件执行函数？

Question

我有一个我已经制作成一个ID数组的NavBar，并且想要一些如何执行一个函数来显示/隐藏具有不同ID的div数组。但我很难从哪里开始。我在想：

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

而不是.each我需要一个.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>