加1到類名的克隆（jQuery的）

Question

我創建了簡單的腳本，這是我的jquery：

// 
$('.sections a').click(function (e) { 
    var clone = $('.sections a ~ div:last').clone(); 

    $('.sections a').after(clone); 
}); 

和HTML

<div class="sections"> 

    <a href="#add_section">Add section</a> 

    <div class="section_1"> 
     <input type="hidden" name="section_1"> 
    </div> 

</div> 

，並點擊鏈接後， 「添加部分」，我的腳本在錨點後克隆最後的div。 與未來點擊我要添加一個類，並輸入值，例如：

<div class="section_1"> 
     <input type="hidden" name="section_1"> 
    </div> 

    <div class="section_2"> 
     <input type="hidden" name="section_2"> 
    </div> 

    <div class="section_3"> 
     <input type="hidden" name="section_3"> 
    </div> 

Answer 1

將此代碼添加到您的JS：

var clones=1; 
$('.sections a').click(function (e) { 
    var clone = $('.sections a ~ div:last').clone(); 
    $('.sections a ~ div:last').after(clone); 
    clones++; 
    clone.attr('class','section_'+clones); 
    clone.find('input[type="hidden"]').attr('name','section_'+clones); 
}); 

demo

對不起......我沒有看到@twain的答案。這是幾乎相同的，我希望演示可以幫助

Answer 2

嘗試的元素

$(document).on('click', '.sections a', function (e) { 
    var clone = $('.sections a ~ div:last').clone(); 

    //increment attributes here 


    $('.sections a').after(clone); 
}); 

Answer 3

試試這個（它有點髒上結合到文檔和過濾，但它應該工作）：

$('.sections a').click(function (e) { 
    var clone = $('.sections a ~ div:last').clone(); 
    var currentClass = $('.sections a ~ div:last').attr("class"); 
    var currentId = currentClass.substr(currentClass.length -1); 
    currentId++; 

    $(clone).attr("class", "section_" + currentId); 
    $(clone).find("input").attr("name", "section_" + currentId); 
    $('.sections a ~ div:last').after(clone); 
});