jquerry 动态添加 删除行

<layout name="layout_home" />
<?php if(empty($data['inStock'])) {?>
<div class="content_nav">
<ul>
<li><input type='button' class="btn" name="addNew" value="新增一条"></li>
</ul>
</div>
<?php } ?>
<form action="/InStock/doPurchaseSubmit" method="POST">
<input type="hidden" value="<?php echo $data['inStock']['id'] ?>" name="id" />
<div class="content_table">
<table>
<thead>
<tr>
<td>材料名称</td>
<td>数量</td>
<td>单价</td>
<td>供应商</td>
<td>入库日期</td>
<td>备注</td>
<td>操作</td>
</tr>
</thead>
<tbody>
<tr>
<td>
<select name="material_id[]">
<?php foreach ($data['material'] as $value) {?>
<option <?php if ($data['inStock']['material_id']==$value['id']) { echo "selected";} ?> value="<?php echo $value['id']; ?>"> <?php echo $value['material_name']; ?></option>
<?php } ?>
</select>
</td>
<td>
<input type="text" name="num[]" value="<?php echo $data['inStock']['num'] ; ?>">
</td>
<td>
<input type="text" name="price[]" value="<?php echo $data['inStock']['price']; ?>">
</td>
<td>
<select name="vender_id[]">
<?php foreach ($data['vender'] as $value) {?>
<option <?php if ($data['inStock']['vender_id']==$value['id']) { echo "selected";} ?> value="<?php echo $value['id']; ?>"> <?php echo $value['vender_name']; ?></option>
<?php } ?>
</select>
</td>
<td>
<input type="text" class="Wdate" value="<?php echo date("Y-m-d",$data['inStock']['in_time']) ?>" name="in_time[]" />
</td>

<td>
<input type="text" name="remark[]" value="<?php echo $data['inStock']['remark']; ?>">
</td>
<td>
<input type="button" class="btn del" value="删除">
</td>

</tr>
<script class="script" type="text/html">
<tr>
<td>
<select name="material_id[]">
<?php foreach ($data['material'] as $value) {?>
<option value="<?php echo $value['id']; ?>"> <?php echo $value['material_name']; ?></option>
<?php } ?>
</select>
</td>
<td>
<input type="text" name="num[]" value="">
</td>
<td>
<input type="text" name="price[]" value="">
</td>

<td>
<select name="vender_id[]">
<?php foreach ($data['vender'] as $value) {?>
<option value="<?php echo $value['id']; ?>"> <?php echo $value['vender_name']; ?></option>
<?php } ?>
</select>
</td>
<td>
<input type="text" class="Wdate" value="" name="in_time[]" />
</td>

<td>
<input type="text" name="remark[]" value="">
</td>
<td>
<input type="button" class="btn del" value="删除">
</td>


</tr>
</script>
</tbody>
</table>
</div>
<div class="content_nav">
<ul>
<li><input type="submit" class="btn" value="提交"></li>
</ul>
</div>
</form>
<script type="text/javascript">
$(function(){
$("[name='addNew']").click(function(){

$("tbody").append($(".script").html());

<!--动态新添加的控件需要动态绑定事件-->

$('.del').on('click', function(){
    $(this).parent().parent().eq(0).remove();
});
});

})
</script>