2013-11-05 79 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的粉絲,除非絕對必要。 :)

相關問題