2014-10-16 74 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