Question

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

MyClass1的

myclass2

myclass3

myclass4

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

});

Answer 1

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

＆＃13;

var f = 0;
$(".clbtn").click(function() {
  $('<div />').addClass('myclass' + ++f).text('myclass' + f).appendTo('.appendf');
});

＆＃13;

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

＆＃13;

Answer 2

没有f是：

$(".clbtn").click(function(){
     var count = $('.appendf').find('div').length;
     $('.appendf').append("<div class='myclass"+ (count + 1) +"'>2</div>");
});

Answer 3

点击功能中有listuser.Add(data);，每个点击变量Mssql都设置为var f=0。因此，您需要在点击功能之外移动f。

＆＃13;

var f=0

＆＃13;

Answer 4

定义变量f外部点击事件处理程序以保持增量值。

＆＃13;

var f = 0;
$(".clbtn").click(function() {
  $('<div />').addClass('myclass' + f).text('myclass' + f).appendTo('.appendf');
  f++;
});

＆＃13;

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

＆＃13;

附加div上的Jquery类增量

4 个答案: