在IE8浏览器中,怎样用JS实现点击table表中一行 在点击的那行下面增加一行 后面的行忘下推 还有删除
展开全部
用 jquery
<script>
function add(num){
var new_num=num+1;
var tr="<TR id="+new_num+" ><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href='javascript:add("+new_num+")' >增加</a>|<a href='javascript:delete_table("+new_num+")' >删除</a></td></TR>";
$("#cost_table").append();
}
function delete_table(num){
$("#"+num).remove();
}
</script>
<table id="cost_table" >
<TR id='1' >
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td><a href='javascript:add(1)' >增加</a></td>
</TR>
</table>
<script>
function add(num){
var new_num=num+1;
var tr="<TR id="+new_num+" ><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td><a href='javascript:add("+new_num+")' >增加</a>|<a href='javascript:delete_table("+new_num+")' >删除</a></td></TR>";
$("#cost_table").append();
}
function delete_table(num){
$("#"+num).remove();
}
</script>
<table id="cost_table" >
<TR id='1' >
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td><a href='javascript:add(1)' >增加</a></td>
</TR>
</table>
追问
$("#cost_table").append();
这里报错了
追答
需要引入 jquery库 在网上下载一个juqery 然后 这个地方写错了 $("#cost_table").append(); 改成 $("#cost_table").append(tr);
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询