jquery购物清单形式食谱成分

Question

是否有可能用jquery做这样的事情，所以让我说我有这个ingreidents把这个带到复选框的购物清单

这是1/4杯 1杯那个 牛油 沙拉

Answer 1

不知道你的标记是什么样的，但我会假设它是这样的symatic：

<ol id="ingredients">
    <li>1/4 cup of this</li>
    <li>1 cup of that butter salad</li>
</ol>

您可以使用jQuery编写以下javascript来添加复选框：

$(document).ready(function() {
    $('#ingredients li').prepend('<input type="checkbox" name="ingredients" />');
});

这将在文本前面的列表中的每个LI中添加一个复选框。理想情况下，您应该像我展示的那样在列表中定义项目，这样可以更容易地弄清楚每个项目是什么。