添加使用JQuery

Question

投入要素和表行的新行我有以下代码：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#add, .check ").click(function() { 
      $('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last'); 
      return false; 
     }); 
    }); 
</script> 

随着由身体下面：

<form action='demo.php' method='post'> 
<a id="add">+</a></td> 
    <table id="mytable" width="300" border="1" cellspacing="0" cellpadding="2"> 
    <tbody> 
    <tr> 
     <td>Name</td> 
    </tr> 
    <tr class="person"> 
     <td><input type="text" name="name[]" class='check' /></td> 
    </tr> 
    </tbody> 
    </table> 
    <input type='submit' /> 
</form> 

我怎样才能得到它清除场添加它们后，可能会添加一个效果，如淡入或向下滑动等等。另外，我希望如果最后一行中的任何表单元素被聚焦，它会自动添加一个新行，但无法弄清楚如何访问最后一行的表单元素...：\

Answer 1

您可以使用像这样的查找遍历新值。看看这个fiddle

$("#add, .check ").click(function() { 
$('#mytable tbody>tr:last') 
    .clone(true) 
    .insertAfter('#mytable tbody>tr:last').find('input').each(function(){ 
     $(this).val(''); 
    }); 
}); 

如果你想在新行出现在最后一排的焦点，你必须委托集中在最后一排的第一个输入。你想使用委托，因为行是动态添加的。插入克隆行后，您还可以添加淡入淡出效果。这里是一个fiddle for this

$("#mytable").delegate(' tbody>tr:last input:first','focus',function(){ 
    $('#mytable tbody>tr:last') 
    .clone(true) 
    .insertAfter('#mytable tbody>tr:last').hide().fadeIn().find('input').each(function(){ 
     $(this).val(''); 
    }); 
});