js删除表格对象的行

我用ajax填充表格数据，是动态生成表格对象现在的问题，执行一次填充一次，我想实现点击关闭其实就是隐藏div 怎么实现删除表格的行，要求保留第一行，其余的都删除，在线等纠结很久了。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

那就只有每一行数据都是一个div
$(document).ready(function(){

$("table tr:not(:first)").remove();
});用jQuery，不要纠结了
deleteRow 我也知道方法不要jq 我用的js 我本人不会jq,但怎么删除我要保留第一行，其他的都删除给出代码
deleteRow 我也知道方法不要jq 我用的js 我本人不会jq,但怎么删除我要保留第一行，其他的都删除给出代码
<script type="text/javascript">
//保留第一行
function deleteall(){
var tab=document.getElementById('ta');
for(var i=(tab.rows.length-1); i>0; i--){
tab.deleteRow(i);
}
}
</script>
</head>
<body>
<table width="500" style="border:1px solid #99ccff;" id="ta">
  <tr>
    <td>123</td>
    <td>234</td>
    <td>  </td>
  </tr>
  <tr>
    <td>223</td>
    <td>234</td>
    <td>  </td>
  </tr>
  <tr>
    <td>323</td>
    <td>234</td>
    <td> </td>
  </tr>
</table>
<input type="button" onclick="deleteall();" value="delete" />
document.getElementsByTagName("tr")
循环得到tr的list，然后再删除！！
deleteRow(this.parentNode.parentNode.rowIndex)
tab.rows.length 问题出在这真是郁闷，我用tab.length 去获取长度总是出问题总是只能删除一部分。
html代码，放到body中<table width="200" border="1" id="table">
      <tr>
        <td>第一列</td>
        <td>第二列</td>
        <td>第三列</td>
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
      </tr>
      <tr>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    <input type="button" value="添加一行" id="add" />
    <input type="button" value="删除其余" id="delete" />js代码（我用的是jquery）
$("#add").click(function(){
    $("#table").append("<tr>"
   +"<td>hello</td>"
   +"<td>hello</td>"
   +"<td>hello</td>"
   +"<tr>"
);
});
$("#delete").click(function(){

$("table tr:gt(0)").remove();
});
大家好！最后一个问题就结贴，在线等哈！比如<select id="first"><option></option></select>
他的选项从服务器获取，我现在动态生成一些表单，能否把这个下拉菜单的选项用js 赋给另外一个<select id="second"><option></option></select> 也就是把 id=first的项通过js赋给 id=second