html 定位到table的一行

zeilapi

于 2017-12-13 19:31:19 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

文章标签： html

本文链接：https://blog.youkuaiyun.com/dapipi123/article/details/78795883

本文介绍如何在HTML表格中实现点击某一行的图标，定位并编辑该行特定单元格的内容。通过JavaScript代码实现表格行的交互功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想做一个html表格并且点某一行最后的图标可以修改这一行里的一个空，那么怎么样定位这一行呢。

table中的代码如下：

<tr >
	<td class="predis"></td>
	<td class="aftdis" style="display: none;"><input type="text" > </td>
</tr>

js代码如下：

<script>
	 var isrename = false;
        function rename(node){
        	if(isrename){        		
        		var pppp = $(node).parent().parent().find(".aftdis");        		   		
        		pppp.css("display","none");
        		var qqqq = $(node).parent().parent().find(".predis");
        		qqqq.css("display","");
        		isrename = false;
        	}else{
        		var pppp = $(node).parent().parent().find(".aftdis");        		   		
        		pppp.css("display","");
        		var qqqq = $(node).parent().parent().find(".predis");
        		qqqq.css("display","none");
        		isrename = true;
        	}
        	
        }
</script>