使用JQuery動態添加Div

我不確定這是否是最好的選擇..但我想要的選項是，當用戶單擊按鈕時，它將添加另一個div或li。使用JQuery動態添加Div

我打算允許用戶上傳文件，但是會有多個文件。我希望用戶能夠點擊一個按鈕，並使用預定義代碼生成新的<div>或<li>。這可能嗎？

這裏有一個小提琴..

2011-05-02 JD Audi

是的，可以用JavaScript創建新的DOM元素。你有嘗試過什麼嗎？那裏有很多jQuery教程。 – 2011-05-02 01:21:34

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

您可以使用$("<tag />")元素和屬性集，添加類等。然後追加你想要的地方。

2011-05-02 01:23:21 BrunoLM

有沒有辦法讓這個動畫？ – 2011-05-02 01:46:10

@JDa是的，檢查jQuery文檔http://api.jquery.com/animate/ – BrunoLM 2011-05-02 02:27:43

試試這個：

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

2011-05-02 01:24:21 theabraham

您可以像這樣一個新的元素添加到現有的父：

選擇元素，以增加新的<div>/<li>並使用.append()

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

或者，你可以使用的.html（）

2011-05-02 01:26:23

如果這是允許多文件上傳，你有沒有考慮過使用類似http://www.uploadify.com/的jQuery插件？它允許從一個對話窗口上傳多個文件，你不需要擔心這一點。

2011-05-02 01:37:20

$（「輸入[類型=提交]」）點擊（函數（）{ $（「」）的HTML（「項目」）appendTo（「UL」）; }）。

您可以使用$（「」）創建元素並設置屬性，添加類等等。然後追加你想要的地方。

2017-05-23 09:23:02

回答