使用jquery编辑表标签

时间:2014-10-16 15:22:00

标签: jquery

我正在使用软件创建网站,我无法直接编辑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="#">&nbsp;Indicates Group is accepting new members.</td></tr>

                    <tr bgcolor="#eeeeee">
                        <td>&nbsp;</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="#">&nbsp;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>

任何帮助都会非常感激!提前谢谢!

1 个答案:

答案 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