Javascript 刪除tr 元素

 

             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();
}

               
               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();
		}

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>