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

Question

我有一个 NavBar，我已将它制作成一个 ID 数组，并且想了解如何执行一个函数来显示/隐藏具有不同 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>