|
我在列表的每一个列表项都加了一个这个加减器的这个效果,怎么把它给弄成循环啊,一个一个的写,感觉好费劲。我的意思是循环JS ,
<div class="aui-bar aui-bar-btn" style="width:80%;" type="count" id="demo">
<div class="aui-bar-btn-item aui-font-size-20" tapmode="" data-item-order="0">
<i class="aui-iconfont aui-icon-minus"></i>
</div>
<div class="aui-bar-btn-item" tapmode="" data-item-order="1">
<input type="number" class="aui-input aui-text-center" id="count" value="1">
</div>
<div class="aui-bar-btn-item aui-font-size-20 aui-active" tapmode="" data-item-order="2">
<i class="aui-iconfont aui-icon-plus"></i>
</div>
</div>
<script type="text/javascript">
apiready = function(){
api.parseTapmode();
}
var bar = document.querySelectorAll(".aui-bar-btn");
if(bar){
for(var i=0; i<bar.length;i++){
var d = bar[i];
var tab = new auiTab({
element:bar[i],
repeatClick:true
},function(ret){
if(ret.dom.parentNode.getAttribute("type") && ret.dom.parentNode.getAttribute("type")=="count"){
var count = parseInt(document.getElementById("count").value);
if(ret.index==2)return;
if(ret.index==1){
document.getElementById("count").value = count-1;
}
if(ret.index==3){
document.getElementById("count").value = count+1;
}
}
});
}
}
</script>
|
|