页面需求需要做一个点击换一换按钮,切换商品信息。网上看了一些笨方法,觉得太冗余。自己写了一个精简版的如下:
html部分
<div class="layer clearfix qiang_inner">
<ul>
<li> item111</li>
<li> item111</li>
<li> item111</li>
<li> item111</li>
<li> item111</li>
<li> item111</li>
<li> item111</li>
<li> item111</li>
</ul>
</div>
JS部分
// 点击换一换切换商品
var changeindex=0;
var linum=3; //每组多少数据
var lisum=$(".qiang_inner li").length; //总数
$(".switch").click(function(){
$(".qiang_inner li").hide();
$(".qiang_inner li").slice(changeindex, changeindex+linum).show();
changeindex+=linum;
console.log(changeindex);
if(changeindex>=lisum)
changeindex=0;
});
$(".switch").trigger('click');
将指定索引范围内的 数据显示出来 其他的隐藏。