Question

我需要在桌面上实现一些全文搜索。 This fiddle是我找到的代码段，但它只搜索表格的第一列，即ID列。我需要改进这个以搜索整个表格。代码：

$(document).ready(function(){
  $("#search").on("keyup", function () {
    var value = $(this).val();

    $("table tr").each(function (index) {
        if (index !== 0) {

            $row = $(this);
            var id = $row.find("td").text();

            if (id.indexOf(value) !== 0) {
                $row.hide();
            }
            else { 
                $row.show();
            }
        }
    });
  });
});

我尝试过使用var id = $row.find("td").text();，但无济于事。任何帮助将不胜感激..

Answer 1

为了您的使用，您只需要改变条件ab位：

FROM：

if (id.indexOf(value) !== 0) {

TO：

if (id.indexOf(value) === -1) {

COMPLETE：

$(document).ready(function(){
  $("#search").on("keyup", function () {
    var value = $(this).val();

    $("table tr").each(function (index) {
        if (index !== 0) {

            $row = $(this);
            var id = $row.find("td").text();

            if (id.indexOf(value) === -1) {
                $row.hide();
            }
            else { 
                $row.show();
            }
        }
    });
  });
});

jQuery全文表搜索

1 个答案: