如何生成動態創建的文本框輸入的不同名稱

Question

我已使用jQuery附加動態創建帶刪除按鈕的文本框7天的一週。我爲7追加按鈕使用相同的功能，它的工作正常，但我需要生成具有不同名稱的文本框。 如果我上週日，單擊Add按鈕文本框名稱或ID應該是星期天，星期天的text1文本2，並同其他工作日，怎麼能不幫我

$(document).ready(function() { 
var wrapper   = $(".input_fields_wrap"); 
var add_button  = $(".add_field_button"); 
var i = 1; 
$(add_button).click(function(e){ 
    e.preventDefault(); 
    i++; 
     $(this).parent().append('<div><label class="titlesmall-font">From time</label><input type="text" class="form-control"/><label class="titlesmall-font"> To Time</label><input type="text" class="form-control" /><label class="titlesmall-font">Price</label><input type="text" class="form-control" /><input type="button" class="btn btn-danger remove_field padding-top-5 delete" style="margin-top:5px; margin-left:4%;" value="Delete"></div><div class="clearfix"></div>'); 
}); 

$(wrapper).on("click",".remove_field", function(e){ 
    e.preventDefault(); $(this).parent('div').remove(); i--; 
}) 

}）我指;

Answer 1

注意以下更改，

var $wrapper   = $(".input_fields_wrap"); 
var $add_button  = $(".add_field_button"); 

$add_button.click(function(e){ 
    e.preventDefault(); 
    i++; 
    $(this).parent().append('<div><label class="titlesmall-font">From time</label><input type="text" class="form-control"/><label class="titlesmall-font"> To Time</label><input type="text" class="form-control" /><label class="titlesmall-font">Price</label><input type="text" class="form-control" /><input type="button" class="btn btn-danger remove_field padding-top-5 delete" style="margin-top:5px; margin-left:4%;" value="Delete"></div><div class="clearfix"></div>'); 
}); 

$wrapper.on("click",".remove_field", function(e){ 
    e.preventDefault(); $(this).parent('div').remove(); i--; 
}); 

爲，

$wrapper和$add_button已經在jQuery的對象，因此無需包裝然後再裏面$