追加的代碼與jQuery的

Question

http://jsfiddle.net/rfnslyr/xcqa5/

這個小「應用程序」的目標提出塊，就是輸入一個文件名，粘貼在HTML文檔中，當你點擊下面提交，一個橙色的小方塊提交按鈕出現，說明您輸入的文件名，以及提取的CSS類和ID。

現在，當您粘貼HTML代碼時，它會在控制檯中返回正確的響應，但我希望在提交按鈕下方的小代碼塊中顯示它，就像我的示例中一樣。

每當您粘貼新代碼+新文件名並點擊提交時，第一個塊就會像第一個塊一樣出現在第一個塊的後面，並提取新文件名並提取類。

這是我想要填充插在提交的文件名/類複製+代碼：

<div id="classes"> 
    <div class="pageTitle">%filename%</div> 
    <div class="cssClassesIDs"> 
     %classes% 
    </div> 
</div> 

我不知道如何複製和重複追加該代碼結構上提交。

Answer 1

這裏有一個修正的jsfiddle：

http://jsfiddle.net/xcqa5/1/

var codeNameVal = $('input#codeName').val(); 
var newClone = $('#classes').clone(); 
$(newClone).find('div.pageTitle').html(codeNameVal); 
$(newClone).find('div.cssClassesIDs').html(uniqueNames.join(',')); 
$('#container').append(newClone); 
$(newClone).show(); 

基本上你有一種建立你想要的方式隱藏的股利。當他們點擊提交時，你克隆那個隱藏的div，將裏面的值設置爲你需要的值，然後將該div附加到容器div的末尾。一旦你這樣做，你會用show()顯示你新克隆的div。

jQuery的clone()

http://api.jquery.com/clone/

和append()

https://api.jquery.com/append/