2014-10-16 75 views
0

我正在使用软件来创建网站,我无法直接编辑HTML。这是一张表格,随着团队注册/接受捐赠,信息被吸引进来。我想用tablesorter.js排序依据的捐赠金额的信息,但是这需要使用标签的标题,这是由软件创建的不使用这个标签表,见下图:使用jquery编辑表标签

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

任何帮助将非常感谢!提前致谢!

+0

客观的描述是远远简洁。 – charlietfl 2014-10-16 15:34:14

+0

不知道如何解释它,我需要用包装包含组名,组长和捐款总计的行。然后我需要用而不是​​来包装每个标题(组名称...等)。 – Jenny 2014-10-16 15:42:47

回答

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

+0

谢谢!还有一个问题,是否可以按默认排序降序,并禁用该选项以单击列进行排序?我希望桌子总是以捐款总额的降序显示。 – Jenny 2014-10-16 16:36:50

+0

我不确定,但我是这么认为的。需要阅读API文档。我很长时间没有遵循tablesorter插件 – charlietfl 2014-10-16 17:36:32

+0

感谢您的帮助,我能够降序排序,但无法在页面加载时将其设置为默认值。观众仍然需要先点击。任何方式在这个? – Jenny 2014-10-16 17:47:58