向这个 jquery 添加第二个函数？

Question

以下 jQuery 函数按字母过滤我的表格列。每个字母都有一个<a>。我不确定如何添加另一个函数来过滤第 1 列，在 html 端使用不同的下拉列表。

JavaScript：

function fil(rexp)
{
    $('#tablestyle').dataTable().fnFilter(rexp, 0, true, false);
}

HTML：

<div style="float:left;" class="sortalpha">
    <a href="javascript:fil('');">ALL</a>
    | <a href="javascript:fil2('^a');">A</a>
    | <a href="javascript:fil('^b');">B</a>
    <!-- [...] -->
    | <a href="javascript:fil('^z');">Z</a>
</div>

我尝试做的是复制顶部并将fil 更改为fil2，然后复制HTML 部分并将其更改为fil2。这是正确的方法吗？

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~

只是为了给大家提供更多信息，我正在使用 datatables {www.datatables.net} 这是一个 jquery 脚本，它以漂亮的用户界面呈现表格，具有各种不同的功能，如搜索、每页过滤记录等. 我已经实现了有人在此处列出的这个 mod >> http://www.datatables.net/forums/discussion/6641/filtering-with-first-letter/p1

它工作正常，当我选择每个字母时，它会使用我单击的任何字母过滤第 0 列。我想要做的是有两个不同的过滤器，一个用于过滤第 0 列，即人名，还有另一个过滤器，它做同样的事情，但对于第 1 列，它是企业名称，我只是不知道如何将同一段代码添加两次？

Answer 1

我不太了解您的上下文，但我建议您尝试使用 事件处理程序 而不是 JavaScript URL。

所以不要这样：

<a href="javascript:fil('');">ALL</a>

你可以这样做：

$('.sortalpha a').on('click', function() {
    fil('');
});

当然，这会使 所有 链接过滤 ''。为了解决这个问题，您可以从被点击的<a> 中获取文本并使用它来调用fil()，如下所示：

function fil(rexp) {
    if (rexp.length > 0) {
        rexp = '^' + rexp;
    } 
    //$('#tablestyle').dataTable().fnFilter(rexp, 0, true, false);
    alert('Filter on: "' + rexp + '"');
}

$('.sortalpha a').on('click', function(event) {

    var letter = $(this).text().toLowerCase();

    if (letter === 'all') {
        fil('');
    } else {
        fil(letter);
    }
});

这是一个工作示例：http://jsfiddle.net/uzGat/2/

编辑：我更新了答案以说明大写字母和正则表达式中的^。

Answer 2

如果插件写得好，它必须保持chainbilty，这样你就可以这样做：

function fil(rexp)
{
$('#tablestyle').dataTable().fnFilter(rexp, 0, true, false).fnFilter(rexp2, 0, true, false);
}