Jquery increase value

Jquery increase value

本文关键字：value increase Jquery      更新时间：2023-09-26


我正在尝试增加从 DOM 获取的值。
该值卡在"1"中;
我做错了什么？

.HTML 

<div class="col-md-1">
  <button class="btn btn-success" id="btnAddFlak">+ Flak</button>
</div>
<div class="well" id="flakDiv"></div>

.JS

var flakNr = 1;
//Create flak
$('#btnAddFlak').on('click', function () {
//Set flakNr
var flakNr = $('.flakMiddle').last().val();
console.log(flakNr);
//Increase flakNr
flakNr++;
console.log(flakNr);

//Flak HTML setup
var flak = $('<div class="flak nopadding"><div class="flakSideUp nopadding"></div><div class="flakMiddle">Flak <b>' + flakNr + '</b></div><div class="flakSideDown nopadding"></div></div><br>');
//Insert flak to flakDiv
$('#flakDiv').append(flak);

});

小提琴：
http://jsfiddle.net/7hqu377v/

稍微修改了你的代码

http://jsfiddle.net/7hqu377v/1/

在您的div.flakMiddle中添加了包含实际数字的<span>。希望这就是你要找的。

我建议也许你可以增加另一个变量，例如：

var flakNr = 1;
var ctr= 0; // or any number you want
//Create flak
$('#btnAddFlak').on('click', function () {
//Set flakNr
var flakNr = $('.flakMiddle').last().val();
console.log(flakNr);
//Increase flakNr with the value ctr
flakNr+=ctr;
// increment ctr
ctr++;
console.log(flakNr);

//Flak HTML setup
var flak = $('<div class="flak nopadding"><div class="flakSideUp nopadding"></div><div class="flakMiddle">Flak <b>' + flakNr + '</b></div><div class="flakSideDown nopadding"></div></div><br>');
//Insert flak to flakDiv
$('#flakDiv').append(flak);

});

这就是你的好去！快乐编码..

相关文章：