html部分

<table>  
        <tbody>  
            <tr>  
                <td>xxx1</td>  
                <td><span onclick="delete1(this)">删除</span></td>  
            </tr>  
            <tr>  
                <td>xxx1</td>  
                <td><span onclick="delete2(this)">删除</span></td>  
            </tr>  
            <tr>  
                <td>xxx1</td>  
                <td><span onclick="hide(this)">隐藏</span></td>  
            </tr>  
        </tbody>  
    </table>  

js部分

function delete1(obj){
	var tr=obj.parentNode.parentNode;
	var tbody=tr.parentNode;
	tbody.removeChild(tr);
}
//使用Jquery 删除
function delete2(obj){
	$(obj).parent().parent().parent()[0].removeChild($(obj).parent().parent()[0]);
}
//该方式只是将TR 元素隐藏
function hide(obj){
	$(obj).parent().parent().hide();
}

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注