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


});

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

Answer 1

稍微修改一下代码

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

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