添加在底部前面加上最后

问题描述 投票:0回答:1

我有以下代码:

HTML:

   <div class="row" id="dvNumbers" style="margin-bottom:20px; margin-top:10px">
      <div class="col-md-3">
           <a class="btn btn-primary" data-val="1" id="btnNbr">Add Number</a>
      </div>
  </div>

jQuery的:

    var w = 0;

    // start
    $('[id*=btnNbr]').on('click', function () {
        w++;
        var str = "";
        str += "<label>" + w + "</label><br\>";            
        $('#dvNumbers').prepend(str);          
    });

我看到的结果是这样:

enter image description here

我喜欢它的话,它是这样,最后添加的数量是之前的加号按钮,这样的底部:

1

2

3

4

jquery
1个回答
1
投票

如果你想它,因此最新的数字是喜欢你的例子底部,然后用.before().prev()

var w = 0;

// start
$('[id*=btnNbr]').on('click', function() {
  w++;
  var str = "";
  str += "<label>" + w + "</label><br\>";
  if ($('#dvNumbers').prev("label").length == 0) {
    $('#dvNumbers').before(str);
  } else {
    $('#dvNumbers').prev("label").after(str);
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row" id="dvNumbers" style="margin-bottom:20px; margin-top:10px">
  <div class="col-md-3">
    <a class="btn btn-primary" data-val="1" id="btnNbr">Add Number</a>
  </div>
</div>
© www.soinside.com 2019 - 2024. All rights reserved.