使用JQuery动态添加Div

Question

我不确定这是否是最好的选择..但我希望选择当用户点击按钮时，它会添加另一个div或li。

我将允许用户上传文件，但多个文件。我希望用户能够点击按钮，并使用预定义代码生成新的<div>或<li>。这可能吗？

这是一个小提琴..

http://jsfiddle.net/AHvwP/1/

Answer 1

试试这个：

$('.button').click(function() {
    $('#myContainer').append('<div>the new guy</div>');
});

Answer 2

Your example updated on jsFiddle

$("input[type=submit]").click(function(){
    $("<li />").html("item").appendTo("ul");
})

您可以使用$("<tag />")创建元素并设置属性，添加类等。然后追加到你想要的地方。

Answer 3

您可以将新元素添加到现有父级，如下所示：

选择要添加新<div>/<li>的元素并使用.append()

$("#id").append("<div>foo</div>");

http://api.jquery.com/append/

或者，您可以使用.html（）

http://api.jquery.com/html/

Answer 4

如果这是为了允许多个文件上传，您是否考虑使用http://www.uploadify.com/ jQuery插件之类的东西？它允许从一个对话框窗口上传多个文件，您无需担心这一点。

Answer 5

$（ “输入[类型=提交]”）。单击（函数（）{     $（ “”）HTML（ “项目”）（UL “）appendTo。” }）

您可以使用$（“”）创建元素并设置属性，添加类等。然后追加到你想要的地方。