现在的位置: 首页 > 综合 > 正文

jquery删除添加tr

2018年02月07日 ⁄ 综合 ⁄ 共 2172字 ⁄ 字号 评论关闭

<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js>
</script>
</head>
<body>
<div>
添加门店&nbsp;
<input type="text" name="warehouseno" maxlength="20" value="" onchange="javascript:udf_lookup(this, -1, '')"
class="MainInput">
<img src="images/button_lookup.gif" onclick="javascript:lookupBasWarehouseFORwarehouseno()"
width="15" height="15" border="0" alt="Lookup" align="middle" hspace="3" style='display:none'>

<table border=1 class="ListTable" cellSpacing="0" bordercolor="#CEDFFF" cellPadding="2" width="100%">
<tr>
<td noWrap bgColor="#cedfff">仓库编码</td>
<td noWrap bgColor="#cedfff">销售门店</td>
<td noWrap bgColor="#cedfff">操作</td>
</tr>

<!-- 模板行 -->
<tr class="templeteRow">

<!-- 隐藏的数据 id -->
<input type=hidden name="newRowId" class="newRowId">

<!-- 关键数据 id 对应的文字描述:编号、名称 -->
<td><span class="newRowNo"></span></td>
<td><span class="newRowName"></span></td>
<td>
<A href="" onclick="return false;" title="删除" class="delDetailRow_Link">
<img src="images/del.gif" style="border:0px">
</A>
</td>
</tr>
</table>
</div>

</body>

<script type="text/javascript">
$(document).ready(function(){
$("tr.templeteRow").hide();//确保隐藏
addNewRow(123,'1.1',"哈哈1");
addNewRow(234,'1.2',"哈哈2");
addNewRow(345,'1.3',"哈哈3");
});

function getTimeRndString() {
var tm=new Date();
var str=tm.getMilliseconds()+tm.getSeconds()*60+tm.getMinutes()*3600+tm.getHours()*60*3600+tm.getDay()*3600*24+tm.getMonth()*3600*24*31+tm.getYear()*3600*24*31*12;
return str;
};

/**
* 添加行
* @param {Object} id
* @param {Object} no
* @param {Object} name
*/
function addNewRow(id,no,name){
var templeteRow=$("tr.templeteRow");
var newRow = templeteRow.clone(true);
var rndID="tmpUID"+getTimeRndString();
newRow.insertBefore(templeteRow);
newRow.show();
newRow.attr("class", "valueRow");
newRow.attr("id", rndID);

newRow.find("input.newRowId").attr("value",id);
newRow.find("span.newRowNo").text(no);
newRow.find("span.newRowName").text(name);

newRow.find("a.delDetailRow_Link").attr("id",rndID);
newRow.find("a.delDetailRow_Link").click(function(){
act_delDetailRow(this);
});
}

/**
* 删除所在行
* @param {Object} who
*/
function act_delDetailRow(who){
$("#"+who.id).remove();
}
</script>
</html>

 

抱歉!评论已关闭.