指定位置处新增删除页面元素

学习魂1

于 2018-04-16 15:18:27 发布

阅读量151

点赞数

CC 4.0 BY-SA版权

分类专栏： java

本文链接：https://blog.youkuaiyun.com/qq_40754259/article/details/79961037

java 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态生成和操作HTML表格的方法，包括如何添加带有特定属性的行和单元格，以及实现删除指定行的功能。

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

function set_jsgf(itemList)
	{
	    var html = new Array();
	    for(var i=0;i<itemList.length;i++)
	    {
	    	html.push("<tr>");
	        html.push("<input type='hidden' name='jsgfid' value='"+itemList[i].id+"'/>");
	        html.push("<td class='alignc'>"+itemList[i].typeName+"</td>");
	        html.push("<td class='alignc'>"+itemList[i].code+"</td>");
	        html.push("<td class='alignc'><a href='#' class='color_list' onclick='view_jsgf(\""+itemList[i].id+"\")'>"+itemList[i].name+"</a></td>");
	        html.push("<td class='alignc'><a href='javascript:void(0)' onclick='delRow(this)'><img src='<%=request.getContextPath() %>/resource/images/act/act_2.gif'/></a></td>");
			html.push("</tr>");
		}
		$("#jsgf").append(html.join(""));
		Dialog.close();
	}

新增元素

function delRow(obj)
	{
	    $(obj).parent().parent().remove();
	}

删除元素