怎么使用JQuery，动态增加表格的列
日期：2014-05-16 浏览次数：20431 次
如何使用JQuery，动态增加表格的列
这里有一个表格，表格的最后两行是示例数据（这些数现在暂时是固定点，以后会通过数据库查询得到，是变化的），我的想法是：比较红球一这列的连个数字01 04，应该插入4列，并且在01显示在2013080这一行，新插入列的第一列，04显示在2013081这一行，新插入列的第四列，这里只是举了一个例子说明，实际上，这两个数的差应不止这么多，应该插入的列也不会只是4列，
我希望可以用JQuery来写，不过如果您有更好的办法，也可以
也许您看出来了，我这个是模仿双色球的网站做的，我也是一个新手，只是自己给自己找的一个项目作为学习的目标，希望你们不要笑话！
这里有一个表格，表格的最后两行是示例数据（这些数现在暂时是固定点，以后会通过数据库查询得到，是变化的），我的想法是：比较红球一这列的连个数字01 04，应该插入4列，并且在01显示在2013080这一行，新插入列的第一列，04显示在2013081这一行，新插入列的第四列，这里只是举了一个例子说明，实际上，这两个数的差应不止这么多，应该插入的列也不会只是4列，
我希望可以用JQuery来写，不过如果您有更好的办法，也可以
也许您看出来了，我这个是模仿双色球的网站做的，我也是一个新手，只是自己给自己找的一个项目作为学习的目标，希望你们不要笑话！
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
body{
text-align:center;
font-size:14px;
}
.issue{
width:72px;
}
.red {
width:18px;
height:18px;
background-color:#D40000;
}
.blue {
width:18px;
height:18px;
background-color:#7FDFFF;
}
.fenxi{
width:18px;
height:18px;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="issue" rowspan="2">期号</td>
<td class="red" colspan="6">红球</td>
<td rowspan="2" class="blue">蓝球</td>
</tr>
<tr>
<td class="red">一</td>
<td class="red">二</td>
<td class="red">三</td>
<td class="red">四</td>
<td class="red">五</td>
<td class="red">六</td>
</tr>
<tr>
<td class="issue">2013080</td>
<td class="red">01</td>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
