添加更多使用jquery克隆與增量id

Question

Curingrntly工作jquery克隆我需要addrow和刪除行我已經在stackoverflow和谷歌搜索很多基於這一點，我瞭解了一點如何jquery克隆將工作。

任何建議請

這裏是jQuery的代碼。

 var count=0; 
    $(document).on("click", ".phn_btn_more", function() { 
     var $clone = $('.cloned-row:eq(0)').clone(); 
     //alert("Clone number" + clone); 
     $clone.find('[id]').each(function(){this.id+='someotherpart'}); 
     $clone.attr('id', "added"+(++count)); 
     $('.cloned-row:eq(0)').after($clone); 
    }); 

$(document).on('click', ".btn_less1", function(){ 
    var len = $('.cloned-row').length; 
    if(len>1){ 
     $(this).closest(".btn_less1").parent().parent().parent().remove(); 
    } 
}); 

隨着當前代碼更新的代碼，我可以動態增加id但克隆兩次。

與此代碼時，我嘗試點擊添加更多按鈕，它被克隆的股利，但我獲得兩個格，而不是一個與蔭嘗試添加標識和名稱動態遞增

我知道這可能是一個可能的重複，但我仍然不明白爲什麼我不能增加id和名稱。對於BTN少的第一個div btn_less類將不可用，一旦用戶點擊添加更多的從第二添加量少按鈕應該出現

下面是HTML代碼

<div class="em_pho cloned-row" id="phone_content"> 
         <select id="sel_phntype" name="sel_phntype" class="sslt_Field"> 
          <option selected='selected' value="">Phone Type</option> 
          <option value="BUSN">Business</option> 
          <option value="CAMP">Campus</option> 
          <option value="CELL" >Cellphone</option> 
          <option value="CEL2">Cellphone2</option> 
          <option value="FAX">FAX</option> 
          <option value="HOME">Home</option> 
          <option value="OTR">Other</option> 
         </select> 
         <span class = "ph-inline"> 
          <input type="text" class="cc_field" placeholder="Country Code" id="txt_CC" maxlength="3" name="txt_CC" /> 
          <input type="text" class="pn_field" placeholder="Phone Number" id="txt_Pno" name="txt_Pno" /> 
          <input type="radio" name="preferred" id="rad_Prf" value="preferred"> 
          <label class="radio-label">Preferred</label> 
          <!--<button class="btn_more" id="buttonvalue"></button>--> 
          <input type="button" class="phn_btn_more" id="buttonvalue"/> 
         </span> 
         </div> 

請幫我

謝謝&關於 mahadevan

Answer 1

不知道這是你想要的。

JSfiddle

讓我知道如果我錯過了什麼，或者什麼是錯的。

JQuery的

var count=0; 

    $(document).on("click", ".phn_btn_more", function() { 
     var $clone = $('.cloned-row:eq(0)').clone(); 
     //alert("Clone number" + clone); 
     $clone.find('[id]').each(function(){this.id+='someotherpart'}); 
     $clone.find('.phn_btn_more').after("<input type='button' class='btn_less1' id='buttonless' value = 'remove'/>") 
     $clone.attr('id', "added"+(++count)); 
     $(this).parents('.em_pho').after($clone); 
    }); 

    $(document).on('click', ".btn_less1", function(){ 
     var len = $('.cloned-row').length; 
     if(len>1){ 
      $(this).parents('.em_pho').remove(); 
     } 
    });