我正在使用软件创建网站,我无法直接编辑HTML。这是一个表格,当团队注册/接收捐款时,信息被拉入。我想使用tablesorter.js按捐赠金额对信息进行排序,但这需要使用标题标记,软件创建的表格不使用此标记,请参阅下文:
<table width="100%" bgcolor="#003399" cellspacing="0" cellpadding="1" border="0">
<tbody><tr><td>
<table width="100%" bgcolor="#FFFFFF" cellspacing="0" cellpadding="2" border="0">
<tbody><tr bgcolor="#003399">
<td colspan="4" class="white"><b>Click on the Group for more information: </b></td>
</tr>
<tr bgcolor="white"><td align="center" colspan="4"><img src="#"> Indicates Group is accepting new members.</td></tr>
<tr bgcolor="#eeeeee">
<td> </td>
<td><b>Group Name</b></td>
<td><b>Group Captain</b></td>
<td><b>Donation Total</b></td>
</tr>
<tr bgcolor="#ffffff"><td></td><td><a href="#">test1</a></td><td>test test</td><td>$20.00</td></tr><tr bgcolor="#eeeeee"><td></td><td><a href="#">test2</a></td><td>test test</td><td>$50.00</td></tr>
<tr bgcolor="#ffffff"><td align="center" colspan="4"><img src="#"> Indicates Group is accepting new members from the public.</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
请在此处查看JSfiddle:http://jsfiddle.net/jelane20/kt8jzg9e/1/
我需要做什么:从“群组名称”开始,以及之后的任何内容,此信息需要使用和标记进入自己的表格,在表格的其余部分进入后请参阅下面的内容:
<table><thead><th>Group Name</th><th>Group Captain</th><th>Donation Total</th></thead>
<tbody><tr><td>test1</td><td>test2</test2> . . . </tbody></table>
任何帮助都会非常感激!提前谢谢!
答案 0 :(得分:1)
根据评论中概述的目标,您可以执行以下操作:
var $existTable= $('table td table');
var $newTable = $('<table id="newTable"><thead></thead><tbody></tbody></table>');
$newTable.find('thead').append($existTable.find('tr').eq(2));
$newTable.find('tbody').append($existTable.find('tr:gt(1)'));
$existTable.parent().append( $newTable );
$newTable.tablesorter();
的 DEMO 强>