jquery單擊並追加。在追加也點擊並追加

Question

點擊我添加一個鏈接，如"<a href='#'>Add Fields</a>"。

之後，當點擊那個特定的鏈接時，額外的字段只能在點擊鏈接後追加，但是當我添加四個文本字段並且所有位於四個字段前面的鏈接都有鏈接時。當單擊第二個鏈接時，在第四個這個錯誤之後附加的文本字段可以在第二個文本字段之後附加。

Answer 1

而不是

$('a').live('click', function() { 
    $(this).parent().append("<a href='#'>Add Fields</a>"); 
}); 

使用

$('a').on('click', function() { 
    $(this).after("<a href='#'>Add Fields</a>"); 
}); 

append()有利於在一個元素結束插入的東西，但after()是用來插入HTML內容選擇後的元素。