jquery – 显示一个div并在点击链接时隐藏其他人

我有一个包含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.

原文地址：https://www.jb51.cc/jquery/180993.html