<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./js/jquery.min.js"></script>
</head>
<body>
<div class="quantitu-form">
<a href>
<input type="text" class="itxt" value="1">
<a href</a>
</div>
<div class="quantitu-form">
<a href>
<input type="text" class="itxt" value="1">
<a href>
</div>
<div class="quantitu-form">
<a href>
<input type="text" class="itxt" value="1">
<a href>
</div>
<script>
//点击加号 取的兄弟文本框的值
$(function() {
$(".crement").click(function() {
//得到兄弟文本框的值
var n = $(this).siblings(".itxt").val();
n++;
$(this).siblings(".itxt").val(n);
});
$(".decrement").click(function() {
//得到兄弟文本框的值
var n = $(this).siblings(".itxt").val();
if (n == 1) {
return false;
}
n--;
$(this).siblings(".itxt").val(n);
});
})
</script>
</body>
</html>
运行结果
