javascript - 单击时使用 javascript 增加按钮文本？

Question

这个问题已经有答案了:

Increment a number inside a div? (4 个回答)

已关闭 4 年前。

我正在单击时创建按钮，我想在每次用户创建新按钮时增加按钮文本

HTML

<button id="btn">Add button</button>

<div id="movie-block">

</div>

$("#btn").on("click", function(){
   var newMovieBlockButton = $("<div class='movie-button w'>Button1<div>");
    $("#movieblock" + movieid).append(newMovieBlockButton);
})

我希望当用户单击添加按钮时应创建新按钮，例如 button1 ，如果他创建另一个按钮，则应该是 button2等等等等

如何使用 jquery 实现这一点？

Answer 1

在每次点击中，您都可以使用 movie-button 类获取按钮的长度，并将其与文本连接起来:

$("#btn").on("click", function(){
   var len = $('.movie-button').length + 1;
   var newMovieBlockButton = $("<div class='movie-button w'>Button"+ len +"<div>");
   
    $("#movie-block").append(newMovieBlockButton);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<button id="btn">Add button</button>

<div id="movie-block">

</div>