2014-07-12 35 views
1

實施例:如何在jquery中克隆時更改頁面元素的屬性?

http://jsbin.com/naqaboga/1/edit?html,js,output

需要克隆「隱藏」時改變i的值屬性名=「」和值=「」爲輸入,選擇和文本區域。謝謝。

(點擊)名稱= 「數據[組] [文本] [隱藏]」 來命名= 「數據[組] [文本] [0]」

(點擊)名稱=「數據[組] [文本] [隱藏]」來命名= 「數據[組] [文本] [1]」

+0

商店克隆elem在某些var中並更改屬性,發佈您嘗試的代碼以幫助更好。 –

回答

0

需要設置的元件的這些屬性爲:

$(document).ready(function() { 
    $('#group').on('click', '.add_subgroup', function() { 
     var i = $('div.subgroup').length; 
     var where = $('#group'); 
     var subgroup = $('#subgroup_hidden').clone(); 

     var j = i + 1; 
     subgroup.attr({ 
      'id': 'subgroup_' + j, 
      'class': 'subgroup' 
     }).appendTo(where); 

     subgroup.find('input, select, textarea').each(function(){ 
      $(this).attr({ 
       name: '', 
       value: '' 
      }) 
      if($(this).is('textarea')) 
       $(this).text(''); 
     }) 
     i++; 
    }); 

    $('#group').on('click', '.remove_subgroup', function() { 
     $(this).closest('.subgroup').remove(); 
    }); 
}); 

working fiddle