Jquery增加值

Question

我試圖增加從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/

Answer 1

修改了你的代碼

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

在div.flakMiddle添加了<span> ，其中包含實際數字。 希望這是你正在尋找的。

Answer 2

我建議也許你可以讓另一個變量增加如下：

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);


});

這就是你的好去處！ 快樂的編碼..