两个div 里面的item用jq循环
<div class="head">
<span class="head-item head-item-1 current"></span>
<span class="head-item head-item-2"></span>
……
<span class="head-item head-item-n"></span>
</div>
<div class="content">
<span class="content-item content-item-1 fn-block"></span>
<span class="content-item content-item-2"></span>
……
<span class="content-item content-item-n"></span>
</div>.head-item-n，.click()之后，.addClass('current')，对应的.content-item-n .addClass('fn-block')，.head-item起到选项卡的功能。
展开
收起
1
条回答
写回答
写回答
-
虽然写了一个，可是真的很麻烦啊，不如用jQuery的Tab插件。
$('head-item').click(function() { $('.current').removeClass('current'); $('.fn-block').removeClass('fn-block'); $(this).addClass('current'); $('.content-item-'+$(this).attr('class').split(' ')[1].split('-')[2]).addClass('fn-block'); }2019-07-17 19:13:47赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
