在JS表格中怎么删除一行(不是指定行,而是我表格中每行后面都有一个删除按钮,按其中一个按钮就删除那一行

JavaScript015

在JS表格中怎么删除一行(不是指定行,而是我表格中每行后面都有一个删除按钮,按其中一个按钮就删除那一行,第1张

<table><tbody>

<tr><td>1111</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>

<tr><td>2222</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>

<tr><td>3333</td><td><input type="button" value="删除" onclick="del(this)" /></td></tr>

</tbody></table>

<script type="text/javascript">

function del(obj)

{

var tr=obj.parentNode.parentNode//得到按钮[obj]的父元素[td]的父元素[tr]

tr.parentNode.removeChild(tr)//从tr的父元素[tbody]移除tr

}

</script>

$("#ffw").click(function(){

$("#ddd tr:last-child").remove()

})

利用jquery就很简单了,记得把tr的id='tt'去掉 这个是从最后一行开始删除 要从第一个开始删除就first-child