Question

我们想在每次追加后添加一个计数器，但它被放在不同的行上。

<script>
var counter = 0;
$(document).ready(function(){
  $("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
  });

  $("#btn2").click(function(){
    $("ul").append("<li>Champlain</li>",(counter));


  });
});
</script>

Answer 1

$("ul").append("<li>Champlain" + counter.toString() + "</li>");

Answer 2

$("#btn2").click(function(){
    $("ul").append("<li>Champlain " + counter++ + "</li>");
});

Answer 3

$("ul").append("<li>Champlain " + (counter++) + "</li>");

Answer 4

您正在添加<li>，然后添加更多文字。 <li>是一个块元素，并且始终是一个单独的水平块，与之前或之后的任何内容都不同。（除非CSS另有说明。）

将计数器放在元素内。

$("ul").append($("<li>").append("Champlain" + String(counter)));

除非绝对必要，否则我也不喜欢用字符串构建HTML。：）

如何将变量附加到与文本相同的行

4 个答案: