Jquery克隆類

Question

我可以克隆表，但類日期選擇器在克隆行中不起作用。

我不知道我是否可以使用find來獲得它。

<table width="100%" border="0" cellspacing="0" cellpadding="0" > 
<tr> 
    <td>Name</td> 
    <td>Location</td> 
    <td>From</td> 
    <td>To</td> 
    <td>Add</td> 
</tr> 
<tr class="tr_clone"> 
    <td><input type="text" autofocus placeholder="who" name="who" ></td> 
    <td><input type="text" autofocus placeholder="location" name="location" ></td> 
    <td><input type="text" placeholder="Start Date" name="datepicker_start" class="datepicker"></td> 
    <td><input type="text" placeholder="End Date" name="datepicker_end" class="datepicker"></td> 
    <td><input type="button" name="add" value="New" class="tr_clone_add"></td> 
</tr> 

$(".datepicker").datepicker({ 
    dateFormat: 'dd/mm/yy' 
}); 


$("input.tr_clone_add").live('click', function() { 
var $tr = $(this).closest('.tr_clone'); 
var $clone = $tr.clone(); 
$clone.find(':text').val(''); 
$clone.find('datepicker_start').addClass("datepicker");  
$tr.after($clone); 
}); 

Answer 1

在應用之前克隆需要的元素是最安全（也是更快）的。它日期選擇器，（你也可以刪除hasDatepicker類）：

var $to_clone = $('.tr_clone').first().clone(); 
$(".datepicker").datepicker({ 
    dateFormat: 'dd/mm/yy' 
}); 


$("table").on('click', 'input.tr_clone_add', function() { 
    var $tr = $(this).closest('.tr_clone'); 
    var $clone = $to_clone.clone(); 
    $clone.find(':text').val(''); 
    $tr.after($clone); 
    $clone.find('.datepicker').datepicker({ 
     dateFormat: 'dd/mm/yy' 
    }); 
}); 

http://jsfiddle.net/oceog/yWpBm/

Answer 2

當克隆屬性將不會被複制也我不認爲這是一個選擇稱爲:text的窗口小部件，嘗試

$("input.tr_clone_add").live('click', function() { 
    var $tr = $(this).closest('.tr_clone'); 
    var $clone = $tr.clone(true, true); 
    $clone.find('input').val(''); 
    $clone.find('.datepicker').datepicker({ 
     dateFormat: 'dd/mm/yy' 
    });  
    $tr.after($clone); 
}); 

演示：Fiddle