gpt4 book ai didi

javascript - 将值增加一个 jQuery

转载 作者:行者123 更新时间:2023-11-30 14:45:24 24 4
gpt4 key购买 nike

我想将值递增 1,当我单击按钮时,它会通过输入隐藏并在控制台中显示来获取值。就像点击按钮 add1 它是选择值 5 并在控制台中显示,反之亦然。现在我想将值增加 1 以单击每个按钮获取值并增加。比如单击 add1 并在控制台中显示 5 当我再次单击 add1 按钮时它会递增 1 并显示 6 等等。有什么建议吗?

jQuery(function($) {
$(document).on('click', '.add', function(e) {

var $parent = $(this).closest('.vote');
var _vote = parseInt($parent.find('#_vote').val());
console.log(_vote);
});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<head>
<title></title>
</head>

<body>
<div class="vote">
<button class="add">add1</button>
<input type="hidden" name="_vote" id="_vote" value="5">
</div>

<div class="vote">
<button class="add">add2</button>
<input type="hidden" name="_vote" id="_vote" value="10">
</div>

<div class="vote">
<button class="add">add3</button>
<input type="hidden" name="_vote" id="_vote" value="15">
</div>

最佳答案

每次单击您都可以将值增加 1,然后将其设置回输入字段的值。我建议您将输入元素存储在一个变量中,这样您就不必一次又一次地获取它。

jQuery(function($) {
$(document).on('click', '.add', function(e) {

var $el = $(this).closest('.vote').find('#_vote')
var _vote = +$el.val();
console.log(_vote);
$el.val(_vote + 1);


});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<head>
<title></title>
</head>

<body>
<div class="vote">
<button class="add">add1</button>
<input type="hidden" name="_vote" id="_vote" value="5">
</div>

<div class="vote">
<button class="add">add2</button>
<input type="hidden" name="_vote" id="_vote" value="10">
</div>

<div class="vote">
<button class="add">add3</button>
<input type="hidden" name="_vote" id="_vote" value="15">
</div>

关于javascript - 将值增加一个 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49002304/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com