Question

我有一个列表，其中包含id，name，phoneno，priority，country。在jquery中，我使用javascript将它们显示在表中。现在我想交换优先级列中的数据，例如ex：i have

id  Name  phoneno priority
1   abc    234343  4
2   rgt    454444  3
3   erd    432322  1

当我将鼠标悬停在优先级列上时，显示将类似于上面的显示，我需要交换它们必须交换的内容4和3。这该怎么做？我使用了可排序的JQuery，但由于它使用的是<ul><li>，我使用的是<tr><td>，它无效。

请帮助我。

提前致谢。

Answer 1

检查一下。 http://tablesorter.com/docs/

tablesorter适用于标准HTML表。您必须包含THEAD和TBODY标记：

   <table id="myTable" class="tablesorter"> 
   <thead> 
   <tr> 
       <th>Last Name</th> 
       <th>First Name</th> 
       <th>Email</th> 
       <th>Due</th> 
       <th>Web Site</th> 
   </tr> 
   </thead> 
   <tbody> 
   <tr> 
       <td>Smith</td> 
       <td>John</td> 
       <td>jsmith@gmail.com</td> 
       <td>$50.00</td> 
       <td>http://www.jsmith.com</td> 
   </tr> 
   <tr> 
       <td>Bach</td> 
       <td>Frank</td> 
       <td>fbach@yahoo.com</td> 
       <td>$50.00</td> 
       <td>http://www.frank.com</td> 
   </tr> 
   <tr> 
       <td>Doe</td> 
       <td>Jason</td> 
       <td>jdoe@hotmail.com</td> 
       <td>$100.00</td> 
       <td>http://www.jdoe.com</td> 
   </tr> 
   <tr> 
       <td>Conway</td> 
       <td>Tim</td> 
       <td>tconway@earthlink.net</td> 
       <td>$50.00</td> 
       <td>http://www.timconway.com</td> 
   </tr> 
   </tbody> 
   </table>

首先告诉tablesorter在加载文档时对表进行排序：

    $(document).ready(function() 
        { 
            $("#myTable").tablesorter(); 
        } 
    );

使用jquery交换表列表中的内容

1 个答案: