Html搜索表

时间:2015-11-14 17:11:51

标签: javascript html-table

我有这个Javascript代码:

<script>
    var $rows = $('#table tbody tr');
    $('#search').keyup(function() {

        var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
                reg = RegExp(val, 'i'),
                text;

        $rows.show().filter(function() {
            text = $(this).text().replace(/\s+/g, ' ');
            return !reg.test(text);
        }).hide();
    });
</script>

我需要对它进行一次修改才能做到这一点:

我需要这样做才能只搜索第2和第9列。

我需要做些什么呢?

1 个答案:

答案 0 :(得分:0)

不要在整个列上进行过滤,只过滤第2列和第9列的第2列和第9列

var $rows = $('#table tbody tr');
$('#search').keyup(function() {

    var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$',
            reg = RegExp(val, 'i'),
            text;

    $rows.show().filter(function() {
        var isMatch;
        var secondCol = $(this).find('td:nth-child(2)');
        var ninthCol = $(this).find('td:nth-child(9)');
        return !reg.test(secondCol) && !erg.test(ninthCol);
    }).hide();
});