首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求jquery按要求插入tr内容解决思路

2012-03-26 
求jquery按要求插入tr内容要求:如何在第1列选中的复选框之前或之后插入一行(内容为每个第一列为复选框,其

求jquery按要求插入tr内容
要求:如何在第1列选中的复选框之前或之后插入一行(内容为每个第一列为复选框,其它td都为1)
说明:table是由aps.net的GridView解析生成,juqery的版本为1.71,附html源码如下:

<html>
<head runat="server">
  <title></title>
  <script type="text/javascript" src="JS/jquery/jquery.js"></script>
<script>
  function Button5_onclick() {
//在第1列选中的复选框之前插入一行,内容任意
}
function Button6_onclick() {
//在第1列选中的复选框之后插入一行,内容任意
}
</script>
</head>
<body>
<input id="Button5" type="button" value="之前插入行" onclick="return Button5_onclick()" />
<input id="Button6" type="button" value="之后插入行" onclick="return Button6_onclick()" />
<table id="GridView1" border="0" cellpadding="4" cellspacing="0" 
  style="color:#333333;width:600px;border-collapse:collapse;">
  <tr style="color:White;background-color:#507CD1;font-weight:bold;">
  <th scope="col">
  选择</th>
  <th scope="col">
  顺序</th>
  <th scope="col">
  部門</th>
  <th scope="col">
  審核人</th>
  <th scope="col">
  送簽日期</th>
  <th scope="col">
  審核日期</th>
  <th scope="col">
  狀態</th>
  </tr>
  <tr style="background-color:#EFF3FB;">
  <td align="center">
  <span disabled="disabled">
  <input id="GridView1_ctl02_ctl00" disabled="disabled" 
  name="GridView1$ctl02$ctl00" type="checkbox" /></span>
  </td>
  <td align="center">
  1</td>
  <td align="center">
  測試</td>
  <td align="center">
  tt</td>
  <td align="center">
  2012-02-17 14:53</td>
  <td align="center">
  2012-02-18 14:48</td>
  <td align="center">
  已審核</td>
  </tr>
  <tr style="background-color:White;">
  <td align="center">
  <input id="GridView1_ctl03_ctl00" name="GridView1$ctl03$ctl00" 
  type="checkbox" />
  </td>
  <td align="center">
  2</td>
  <td align="center">
  副總經理室</td>
  <td align="center">
  bb</td>
  <td align="center">
  2012-02-17 14:53</td>
  <td align="center">
  &nbsp;</td>
  <td align="center">
  未審核</td>
  </tr>
  <tr style="background-color:#EFF3FB;">
  <td align="center">


  <input id="GridView1_ctl04_ctl00" name="GridView1$ctl04$ctl00" 
  type="checkbox" />
  </td>
  <td align="center">
  3</td>
  <td align="center">
  總經理室</td>
  <td align="center">
  &nbsp;</td>
  <td align="center">
  2012-02-17 14:53</td>
  <td align="center">
  &nbsp;</td>
  <td align="center">
  未審核</td>
  </tr>
  </table>
</body>
</html>

[解决办法]
用append()。。before()
http://www.w3schools.com/jquery/html_before.asp
[解决办法]

JScript code
function Button5_onclick() {    $('#GridView1 :checked:first').parent().parent().before('<tr><td></td><td>-1</td><td></td><td></td><td></td><td></td><td></td></tr>');}
[解决办法]
探讨

JScript code
function Button5_onclick() {
$('#GridView1 :checked:first').parent().parent().before('<tr><td></td><td>-1</td><td></td><td></td><td></td><td></td><td></td></tr>');
}

第2个用 after()方……

热点排行