jQuery TableSorter - 基于外部变量的文本提取

Question

我有一个 TableSorted 表，每个 TD 元素中有五个 SPAN 元素。四个总是隐藏的，但是在点击表格外的一个 div 时，某些 span 会被隐藏，具体取决于点击的是哪个 div。

我的表格排序很好，但我需要的是 textExtraction 抓取不同的 SPAN，具体取决于已选择的 div 的值。

我尝试了以下方法无济于事：

textExtraction:function(node){
        var filter=$("div.career a.sel").text();
        if(filter=="a"){var theindex=0;}
        if(filter=="b"){var theindex=1;}
        if(filter=="c"){var theindex=2;}
        if(filter=="d"){var theindex=3;}
        if(filter=="e"){var theindex=4;}
        return $(node).find("span").eq(theindex).text();
    }

实现这一目标的最佳方法是什么？

Answer 1

textExtraction 函数仅在 tablesorter 初始化或更新时调用。尝试在选择更改后触发更新。

var indexes = 'abcde'.split(''),
    // Is this a select box?
    $sel = $("div.career a.sel").on('change', function(){
        $('table').trigger('update');
    });

$('table').tablesorter({
    textExtraction: function(node){
        // if this is a select, get val(), not text()
        var filter = $sel.val(),
            theindex = $.inArray( filter, indexes );
        return $(node).find("span").eq(theindex).text();
    }
});

---

更新：获取链接，试试这个：

var indexes = 'abcde'.split(''),
    $careers = $("div.career a").on('click',function(){
        var searcher = $(this).attr("rel");
        $("div.career a").removeClass("sel");
        $(this).addClass("sel");
        $("td.stat span").hide();
        $("td.stat span.career_" + searcher).show();
    });

$('table').tablesorter({
    textExtraction: function(node){
        // find selected
        var filter = $careers.filter('.sel').text(),
        theindex = $.inArray( filter, indexes );
        return $(node).find("span").eq(theindex).text();
    }
});

注意：不要在 jQuery 1.9+ 版本中使用 live()，它已被删除。