点击后包装所有创建的 li 元素答案

【问题标题】：Wrap all created li-elments after click点击后包装所有创建的 li 元素
【发布时间】：2010-04-15 20:07:08
【问题描述】：

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

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

示例 HTML 输出：

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：