单击后换行所有创建的li元素

Question

$('input[name="iplus"]').click(function() {
    $("#billsumary").append("<li>Test</li>");
}); 

我在每次点击时附加一个li-elemnt。现在我想将所有创建的li元素包装成一个ol元素，但不是每个都创建一个，而是所有这些。

示例HTML输出：

<div id='billsumary'>
    <ol>
        <li>Test</li>
        <li>Test</li>
        <li>Test</li>
        ...
        <li>Test</li>
    </ol>
</div>

Answer 1

您可能希望在开头创建<ol>，并向其添加新元素：

var ol = $('<ol />').appendTo("#billsumary");

$('input[name="iplus"]').click(function() {  
    $(ol).append("<li>Test</li>");
});