时间戳

首页 > 解决方案 > Jquery Class Increment on append div

jquery - Jquery Class Increment on append div

问题描述

我正在尝试在 Jquery 的“myclass”末尾添加一个动态生成的数字。所以我希望它像这样在最后增加一个数字

我的班级1

我的班级2

我的班级3

我的班级4

我的代码可以在这里找到

<button class="clbtn" name="button" value="button">button</button>

<div class="appendf">

</div>




 $(".clbtn").click(function(){

var f=0;

   $('.appendf').append("<div class='myclass"+f+"'>2</div>");
  f++;

});

标签： jquery

解决方案

的计数器值f始终设置为0单击时，因此将其移到单击功能之外：

var f = 0;
$(".clbtn").click(function() {
  $('<div />').addClass('myclass' + ++f).text('myclass' + f).appendTo('.appendf');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="clbtn" name="button" value="button">button</button>

<div class="appendf">

</div>

推荐阅读