日期:2014-05-16  浏览次数:20355 次

增加一行UL,怎么让它产生序号?并且这里删除事件怎么写?
<div id="addTerminalWin" class="jqmWindow" style="top:250px;left:60%;right:40%;width:360px;background-color:#E8F2FF;padding:5px;">
<div class="jqDrag win_title">手动添加</div>
<div class="win_content">

<ul class="tb_head">
<li class="td0">序号</li>
<li class="td1">别名</li>
<li class="td2">终端ID</li>
<li class="td3">类型</li>
<li class="td6">操作</li>
</ul>
<div id="add_content">
<ul class="tb_tr"><li class="td0"></li>
 <li class="td1"><input type="text" name="aliasName" id="aliasName" value="" maxlength="25"/></li>
   <li class="td2"><input type="text" name="TId" id="TId" value="" maxlength="23"/></li>
   <li class="td3"><select name="terminalTypeName" id="terminalTypeName"><option value="1">终端A</option><option value="2">终端B</option><option value="3">终端C</option></select></li>
   <li class="td6"><input type="button" value="删除"  onclick="deleteRow()" class="btn07" onmouseover="this.className='btn08'" onmouseout="this.className='btn07'"/></li></ul>
</div>
<div align="right">
  <input class="btn_long" onmouseover="this.className='btn_long_hover'" onmouseout="this.className='btn_long'" type="button" value="继续添加" onclick="addRow();"/>
<input class="btn_long" onmouseover="this.className='btn_long_hover'" onmouseout="this.className='btn_long'" type="button" value="保存" onclick="saveRow();"/>
<input class="btn_long" onmouseover="this.className='btn_long_hover'" onmouseout="this.className='btn_long'" type="button" value="取消" onclick="closeRowWin();"/>
  </div>
</div>
</div>


function addRow(){
 ?var?temp?='<ul class="tb_tr">'+'<li class="td0"></li>'
 +'<li class="td1"><input type="text" name="aliasName" id="aliasName" value="" maxlength="25"/></li>'
 +'<li class="td2"><input type="text" name="TId" id="TId" value="" maxlength="23"/></li>'
 +'<li class="td3"><select name="terminalTypeName" id="terminalTypeName"><option value="1">设备A</option><option value="2">设备B</option><option value="3">设备C</option></select></li>'
 +'<li class="td5"><input type="text" name="status" id="status" value="" maxlength="25"/></li>'
 +'<li class="td6"><input type="button" value="删除"  onclick="deleteRow()" class="btn07" onmouseover=\"this.className='+"'btn08'"+'\" onmouseout=\"this.className='+"'btn07'"+'\"/></li></ul>' ;
 $('#add_content').append(temp);
}

function deleteRow(){

}


各位大神。
------解决方案--------------------
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>表单验证</title>
<script&nb