求jquery按要求插入tr内容解决思路
日期：2014-05-16 浏览次数：20388 次
求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">
</td>
<td align="center">
未審核</td>
要求：如何在第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">
</td>
<td align="center">
未審核</td>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
