javascript - 隐藏除 javascript 中的一个以外的所有链接？

Question

在 javascript 中隐藏除一个链接之外的所有链接的最佳方法是什么？ (jquery 没问题)

假设我有以下内容:

<div id="choices"> 
  <div><a href="#">A<></div> 
  <div><a href="#">B</a></div> 
  <div><a href="#">C</a></div> 
</div>

我想让它在用户单击链接 A、B 或 C 时，不包含所选内容的 div 消失，并且所选选项会在警告框中弹出。单击重置按钮后，所有 div 将再次正常显示。

示例:用户点击 A，导致 B 和 C div 隐藏。用户点击重置按钮，所有内容再次出现。

我该如何实现？

注意:我一直在分别为每个 A、B、C div 分配 ID，并创建了一个函数，当用户单击 B 时，它会为我想隐藏的那些调用 $(divnotclicked).hide() .对于重置按钮，我只是为每个 $(A).show(), $(b) $.show()(C).show().... 执行 .show().... 但必须有一个没有我为每个人分配 ID 的方法。我正在寻找最好的方法。

我正在寻找执行此操作的最佳方法，最好不要为每个函数手动调用函数或为“选择”div 中的每个 div 分配 ID。或者在单击重置按钮时必须调用每个单独的 div 以“.show”。

Answer 1

使用 jQuery，这很简单:

$('#choices div').click(function() { $(this).siblings().hide(); });
$('#resetButton').click(function() { $('#choices div').show(); });

此外，这是一个 jsFiddle使用此代码。一般来说，当您需要使用 jQuery(或其他框架，就此而言)时，jsFiddle 是一个出色的工具。