有一table代码如下
<table>
<tr id=tr1>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn1 value=上移数据></td>
</tr>
<tr id=tr2>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn2 value=上移数据></td>
</tr><tr id=tr3>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn3 value=上移数据></td>
</tr><tr id=tr4>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn4 value=上移数据></td>
</tr></table>
当我点击button时,清除该行里所有input type=text的数据,并将该行后面的所有数据前移.
比如,我点第二行的botton,那么第二的input type=text的数据清空,然后将第三行的数据前移到第二中的input type=text里,第四行的数据前移到第三行中,依次类推!
<table>
<tr id=tr1>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn1 value=上移数据></td>
</tr>
<tr id=tr2>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn2 value=上移数据></td>
</tr><tr id=tr3>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn3 value=上移数据></td>
</tr><tr id=tr4>
<td><input type=text id=t1></td>
<td><input type=text id=t2></td>
<td><input type=text id=t3></td>
<td><input type=text id=t4></td>
<td><input type=text id=t5></td>
<td><input type=button id=btn4 value=上移数据></td>
</tr></table>
当我点击button时,清除该行里所有input type=text的数据,并将该行后面的所有数据前移.
比如,我点第二行的botton,那么第二的input type=text的数据清空,然后将第三行的数据前移到第二中的input type=text里,第四行的数据前移到第三行中,依次类推!
<table>
<tr id=tr1>
<td><input type=text id=t1 value="1"></td>
<td><input type=text id=t2 value="1"></td>
<td><input type=text id=t3 value="1"></td>
<td><input type=text id=t4 value="1"></td>
<td><input type=text id=t5 value="1"></td>
<td><input type=button id=btn1 value=上移数据></td>
</tr>
<tr id=tr2>
<td><input type=text id=t1 value="2"></td>
<td><input type=text id=t2 value="2"></td>
<td><input type=text id=t3 value="2"></td>
<td><input type=text id=t4 value="2"></td>
<td><input type=text id=t5 value="2"></td>
<td><input type=button id=btn2 value=上移数据></td>
</tr><tr id=tr3>
<td><input type=text id=t1 value="3"></td>
<td><input type=text id=t2 value="3"></td>
<td><input type=text id=t3 value="3"></td>
<td><input type=text id=t4 value="3"></td>
<td><input type=text id=t5 value="3"></td>
<td><input type=button id=btn3 value=上移数据></td>
</tr><tr id=tr4>
<td><input type=text id=t1 value="4"></td>
<td><input type=text id=t2 value="4"></td>
<td><input type=text id=t3 value="4"></td>
<td><input type=text id=t4 value="4"></td>
<td><input type=text id=t5 value="4"></td>
<td><input type=button id=btn4 value=上移数据></td>
</tr>
</table>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script language="javascript">
$(function(){
$("table input[type='button']").click(function(){
var tr = $(this).parent().parent();
tr.nextAll().each(function(){
var p = $(this).prev();
var a = p.find("td input[type='text']");
$(this).find("td input[type='text']").each((function(col){
return function(n){
$(col.get(n)).val($(this).val());
}
})(a))
});
if(tr.nextAll().size()>0)tr.parent().find("tr:last td input[type='text']").val("");
});
});
</script>