table 增加一行,并动态改变增加行中的各控件的属性的值
<!DOCTYPE html public "-//w3c//dtd html 4.0 transitional//EN">
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html;charset=GBK">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-store">
<meta http-equiv="expires" content="0">
<script src="jquery-1.7.js" type="text/javascript"></script>
</head>
<body>
<table id="table6" cellpadding="0" cellspacing="0" border="1"
width="90%" align="center"
onkeydown="if(event.keyCode==13)event.keyCode=9">
<tr>
<td colspan="3" class="tab">
<table class="tabs" cellpadding="0" cellspacing="0">
<tr>
<td class=tab_sf></td>
<td class=tab_f>
附件
</td>
<td class=tab_ef></td>
<td class=tab_ef align="right">
<input type="button" class="button" onclick="addTable('6')"
value="增加">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<th width="40%">
文件名称
</th>
<th width="30%">
上传时间
</th>
<th>
操作
</th>
</tr>
<tr id='tr6'>
<td id="td1" align='center'>
文件名称<span id="sp" ><span>
</td>
<td id="td2" align='center'>
<input type='text' name='name' value="td" onmouseover="aaahow(this)" />
</td>
<td id="td3" >
<a onclick="deleteTable0(this)" style="cursor: hand">删除</a>
</td>
</tr>
</table>
</body>
</html>
<script language="JavaScript">
<!--
var $tr6 = $("#tr6").remove();
var ii=0;
//动态的改变id,value等属性的值
function addTable(obj) {
ii++;
//$tr6.find("#dd").html("aaaaaa").end().clone().appendTo("#table6");
//alert(ii);
var vv="td"+ii;
$tr6.find("#td2 input").val(vv).attr("id",vv).end().clone().appendTo("#table6");
name();
}
//对span中的内容动态的改变
function name(){
var i=0;
$("span[id='sp']").each(function(){
i++;
$(this).html(i);
});
}
function deleteTable0(obj) {
$(obj.parentNode.parentNode).remove(); // 删除当前节点的父节点的父节点
name();
}
function aaahow(obj){
$(obj).attr("title","value:"+obj.value+" \n\nid:"+obj.id+"\n\n");
//alert("value:"+obj.value+" id:"+obj.id);
}
//-->
</script>
分享到:
相关推荐
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
通过jQuery选取table的第一行,第一列。
主要介绍了jQuery获取table下某一行某一列的值实现代码的相关资料,需要的朋友可以参考下
Jquery Table 固定行和列,有需要的朋友拿去
这是一款简洁美观的通过js载入表格数据,点击选中表格行变色特效。jQuery Table选中表格行变色代码。
使用jquery对行列进行删除、新增,动态添加。
使用jQuery为表格添加合计行,方法依赖jQuery,方法中使用到的JQ是jQuery中的$方法的别名
jquery 编辑table 实例一行编辑 实例二双击编辑单元格
jQuery Table选中表格行变色代码是一款通过js载入表格数据,点击选中表格行变色代码。
支持在任意行添加一行且可配置的,如可在第一行添加一行、第二行添加一行、倒数第一行添加一行、倒数第二行添加一行,随需求的变化都不会影响。 前提条件:行数需在表中存在否则添加不成功。 2)、删除一行 支持动态...
这是一款简洁美观的通过js载入表格数据,点击选中表格行变色特效。jQuery Table选中表格行变色代码。
前段时间学了一下jquery插件,学完之后,没有练习,忘得差不多了,最近一个项目中要使用支持粘贴复制的table,选中表格的一部分区域,通过ctrl+v,可以把excel或者其它地方的数据粘贴到html table中,还能支持键盘...
动态表格,功能为点击添加按钮,表格增加一行并给其name属性赋予的值,点击删除,自动删除这一行,具体实现如下
下面小编就为大家带来一篇jquery获取table指定行和列的数据方法(当前选中行、列)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery表格编辑添加删除行插件是一款表格插件,默认设置json数据动态生成表格。
这里,用的jquery来做的。关键代码如下: 代码如下: //添加數據行; function AddRow(){ var vTb=$(“#TbData”);//得到表格ID=TbData的jquery对象 //所有的数据行有一个.CaseRow的...//创建第一行的副本对象vTrClon
今天在项目中,刚好用到给指定的table添加一行、删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复...
jQuery Table选中表格行变色代码是一款通过js载入表格数据,点击选中表格行变色代码。