我有一个包含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执行此任务.我不知道该怎么做是做一个循环并检查是否有任何这些链接被点击.
解决方法@H_502_14@
沿线的东西：
$('a').on('click',function(){
var target = $(this).attr('rel');
$("#"+target).show().siblings("div").hide();
});
应该做的伎俩.
P.S：你的div必须在一个容器中才能工作.
Fiddle.
$('a').on('click',function(){
var target = $(this).attr('rel');
$("#"+target).show().siblings("div").hide();
});
应该做的伎俩.
P.S：你的div必须在一个容器中才能工作.
Fiddle.
