<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.content span.right i,.content span.right input{float: left; display: inline-block; width: .62rem; height: .5rem; line-height: .5rem; text-align: center; font-size: .26rem; background: #fff;}
i.minus,i.plus{width: .6rem !important; background: #F7F4F4 !important;}
</style>
<script>
document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/750*100 + 'px';
</script>
</head>
<body>
<div class="content">
<p class="price"><span>¥</span><strong>32</strong></p>
<span class="right count"><i class="minus">-</i><input class="num" type="text" name="" value="8"><i class="plus">+</i></span>
</div>
<div class="content">
<p class="price"><span>¥</span><strong>30</strong></p>
<span class="right count"><i class="minus">-</i><input class="num" type="text" name="" value="8"><i class="plus">+</i></span>
</div>
<div class="content">
<p class="price"><span>¥</span><strong>40</strong></p>
<span class="right count"><i class="minus">-</i><input class="num" type="text" name="" value="8"><i class="plus">+</i></span>
</div>
<script type="text/javascript">
var content = document.getElementsByClassName('content');
var minus = document.getElementsByClassName('minus');
var plus = document.getElementsByClassName('plus');
var num = document.getElementsByClassName('num');
var price = document.getElementsByTagName('strong');
var length = content.length;
var count = 0;
var unitPrice = [];
var json = {};
json.choose = 0;
json.uPrice = 0;
for(var i=0; i<content.length; i++) {
unitPrice.push(json)
}
//加减
for(var i=0; i<content.length; i++) {
minus[i].index = i;
plus[i].index = i;
unitPrice[i].uPrice = num[i].value * price[i].innerHTML;
console.log(unitPrice[i]);
minus[i].addEventListener('touchstart', function() {
num[this.index].value -= 1;
if(num[this.index].value < 0) {
num[this.index].value = 0;
}
console.log(this.index);
unitPrice[this.index].uPrice = 1;
console.log(unitPrice);
})
}
</script>
</body>
</html>