jQuery和Tablesorter

时间:2011-06-17 20:27:38

标签: jquery tablesorter

尝试进行一些自定义排序并且无法获得它。

这接近我的表结构......

<table>
  <thead>
    <tr>
      <th> data </th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <ul>
          <li> 20 </li>
          <ul>
            <li> something </li>
          </ul>
        </ul>
      </td>
    </tr>
  </tbody>
</table>

我想对第一个列表元素中的数字进行排序。

尝试过:

$("table").tablesorter({ 
    textExtraction: function(node) { 
    return node.childNodes[0].childNodes[0].innerHTML; 
}

1 个答案:

答案 0 :(得分:3)

哦,既然我明白你要做什么......试试这个(demo):

$("table").tablesorter({
    textExtraction: function(node) {
        return parseInt( $.trim( $(node).find('li:first').text() ), 10);
    }
});

更新:哎呀我看,它没有按数字排序。试试这个(demo):

$("table").tablesorter({
    textExtraction: {
        1: function(node) {
            return parseInt( $.trim( $(node).find('li:first').text() ), 10);
        }
    },
    headers: {
        1: { sorter:'digit' }
    }
});