tablesorter - Jquery Tablesorter，按链接url而不是链接内容排序

Question

我在使用第一列(共 4 列)中的链接的表上使用 Tablesorter。问题是，在 FF 和 Chrome 中，当通过 url 而不是链接的内容点击时，它对第一列进行排序。例如

<tr><td><a href="http://abc.com">zzz</a></td><td>11</td><td>22</td><td>33</td></tr>
<tr><td><a href="http://cba.com">aaa</a></td><td>11</td><td>22</td><td>33</td></tr>
<tr><td><a href="http://bbb.com">ccc</a></td><td>11</td><td>22</td><td>33</td></tr>

它会订购

zzz
ccc
aaa

而不是按字母顺序。这就是这种情况吗？有人可以建议修复吗？

谢谢

Answer 1

我有同样的问题。在 Documentation 中找到解决方案.需要为删除 <a> 的链接添加解析器排序时列中文本开头的标记。

这是应该可以解决您的问题的代码:

 <script type="text/javascript">
    // add parser through the tablesorter addParser method 
    $.tablesorter.addParser({
        // set a unique id 
        id: 'links',
        is: function(s)
        {
            // return false so this parser is not auto detected 
            return false;
        },
        format: function(s)
        {
            // format your data for normalization 
            return s.replace(new RegExp(/<.*?>/),"");
        },
        // set type, either numeric or text
        type: 'text'
    }); 


    // Apply "links" parser to the appropriate column
    $(document).ready(function()
    {
        $("#MyTable").tablesorter({
            headers: {
                0: {
                    sorter: 'links'
                }
            }
    });
</script>