<html>
<head>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
<table id="thisTable">
<tr>
<td>id</td>
<td name="Myname" onclick="Myclick()">name</td>
<td>sex</td>
</tr>
<tr>
<td>001</td>
<td name="Myname" onclick="Myclick()">Xiaoming</td>
<td>man</td>
</tr>
<tr>
<td>002</td>
<td name="Myname" onclick="Myclick()">Laowang</td>
<td>man</td>
</tr>
<tr>
<td>003</td>
<td name="Myname" onclick="Myclick()">Yan</td>
<td>Felman</td>
</tr>
</table>
</body>
<script>
function Myclick(){
//console.log("click");
var Myname = document.getElementsByName("Myname");
for(var i=0;i<Myname.length;i++){
Myname[i].hidden="true";
}
}
</script>
</html>
如何用JQuery移除table中的一列?
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答
- Cboyce 2015-12-19 14:38关注
换了种写法
<html> <head> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> </head> <body> <table id="thisTable"> <tr> <td>id</td> <td name="Myname" onclick="Myclick()">name</td> <td>sex</td> </tr> <tr> <td>001</td> <td name="Myname" onclick="Myclick()">Xiaoming</td> <td>man</td> </tr> <tr> <td>002</td> <td name="Myname" onclick="Myclick()">Laowang</td> <td>man</td> </tr> <tr> <td>003</td> <td name="Myname" onclick="Myclick()">Yan</td> <td>Felman</td> </tr> </table> </body> <script> $(function(){ //给所有的td绑定事件 $("td").click(function(){ //移除一整行 //$(this).parent().remove(); //移除当前列 $(this).remove();//这里的$(this)表示触发该事件的元素,也就是你所点击的那个td }) }) </script> </html>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 逻辑谓词和消解原理的运用
- ¥15 请求分析基于spring boot+vue的前后端分离的项目
- ¥15 三菱伺服电机按启动按钮有使能但不动作
- ¥20 为什么我写出来的绘图程序是这样的,有没有lao哥改一下
- ¥15 js,页面2返回页面1时定位进入的设备
- ¥200 关于#c++#的问题,请各位专家解答!网站的邀请码
- ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复
- ¥15 (希望可以解决问题)ma和mb文件无法正常打开,打开后是空白,但是有正常内存占用,但可以在打开Maya应用程序后打开场景ma和mb格式。
- ¥20 ML307A在使用AT命令连接EMQX平台的MQTT时被拒绝
- ¥20 腾讯企业邮箱邮件可以恢复么