Question

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

HTML

simpleDateFormatNew.setTimeZone(TimeZone.getTimeZone("GMT0:00"));

我希望当用户单击添加按钮时，应从例如开始创建新按钮 <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，依此类推

我如何使用jquery做到这一点？

Answer 1

每次单击时，您都可以使用类别movie-button的按钮的 length 并将其与文本连接起来：

$("#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>

Answer 2

<!DOCTYPE html>
<html>
<body>

<button onclick="append()">Try it</button>
<div id="myDIV">
New Paragraphs will add on this div
</div>
<script>
function append() {
  var para = document.createElement("P");
  para.innerHTML = "This is a paragraph.";
  document.getElementById("myDIV").appendChild(para);
}
</script>

</body>
</html>

希望这会有所帮助

Answer 3

A quick google search would have helped.

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

<div id="movie-block">

</div>

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

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

3 个答案: