我有一个包含 37 个链接和 37 个带有一些文本的隐藏 div 的列表。计数器从 3 开始,以 40 结束。我想做的是在单击链接时显示一个 div,同时隐藏所有其他 div。
链接看起来像这样:
<a href="#" rel="week_3">Week 3</a>
<a href="#" rel="week_4">Week 4</a>
div 看起来像这样:
<div id="week_3" style="display: none">[...]</div>
<div id="week_4" style="display: none">[...]</div>
我想使用 jQuery 执行此任务。我不知道该怎么做的是循环并检查是否单击了这些链接中的任何一个。
最佳答案
类似的东西:
$('a').on('click', function(){
var target = $(this).attr('rel');
$("#"+target).show().siblings("div").hide();
});
应该可以解决问题。
P.S:你的 div 必须在一个容器中才能工作。 Fiddle.
关于jquery - 单击链接时显示一个 div 并隐藏其他 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18055524/