0

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

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

4 回答 4

0

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

于 2013-11-05T02:26:59.233 回答
0 
$("#btn2").click(function(){
    $("ul").append("<li>Champlain " + counter++ + "</li>");
});
于 2013-11-05T02:27:13.817 回答
0 
$("ul").append("<li>Champlain " + (counter++) + "</li>");
于 2013-11-05T02:27:24.787 回答
0

您正在添加一个<li>，然后是更多文本。 <li>是一个块元素，并且总是与它之前或之后的任何东西分开的水平块。（除非 CSS 另有说明。）

而是将计数器放在元素内。

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

我也很喜欢不要用字符串构建 HTML，除非绝对必要。:)

于 2013-11-05T02:27:31.047 回答