2013-11-05 43 views
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> 
+0

你可以这样做,'$(“p”)。append(“附加文本。”+ counter);' –

回答

0

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

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

你添加一个<li>,然后更多的文字。 <li>是一个块元素,并且始终是与之前或之后的任何一个单独的水平块。 (除非CSS另有说明)

将计数器放入元素中。

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

我也是一个不从字符串构建HTML的粉丝,除非绝对必要。 :)

相关问题