上移下移添加删除

<table width="300" height="auto" id="table" >
<tr>
<td><span class="muted">审核人：</span></td>

<td>
<select name="check_uid[]">
<option value="">--请选择审核人--</option>
<volist name="Member_list" id="vo">
<option value="{$vo.uid}">{$vo.name}</option>
</volist>
</select>
<td>
<td>
<input class="up" type="button" value="上">
<input class="down" type="button" value="下">
<input class="delete" type="button" value="删">
<input class="add" type="button" value="加">
</td>
</tr>
</table>

 

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
//导航高亮
highlight_subnav('{:U("index")}');
$(function($){
//元素交换
$(".up").live('click',function(){
$(this).parent().parent().prev("tr").before($(this).parent().parent());
});
$(".down").live('click',function(){
$(this).parent().parent().next("tr").after($(this).parent().parent());
});

$(".delete").live('click',function(){
$(this).parent().parent().remove();
});

$(".add").live('click',function(){
$('<tr><td><span class="muted">审核人：</span></td><td><select name="check_uid[]"><option value="">--请选择审核人--</option><volist name="Member_list" id="vo"><option value="{$vo.uid}">{$vo.name}</option></volist></select><td><td><input type ="button" value="上" class="up"/><input type ="button" value="下" class="down"/><input type ="button" value="删" class="delete"/><input type ="button" value="加" class="add"/></td></tr>').insertAfter($(this).parent().parent());
});

});
</script>

转载于:https://www.cnblogs.com/tangqiang2/p/9002519.html