搜索功能(禁用)输入字段

Question

我有一个简单的搜索功能,我在信息表上使用,但由于我将表格中的文本转换为可编辑的字段,搜索功能不再起作用.

我尝试以几种不同的方式对其进行故障排除,但似乎无法使其正常工作.

这是我到目前为止所得到的:

var $rows = $('.list #data');
$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

$rows.show().filter(function() {
    var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
    return !~text.indexOf(val);
}).hide();
});

这适用于简单的纯文本表.这是一个JSFiddle,它向您展示我想要实现的目标:

https://jsfiddle.net/je9mc9jp/8/

Answer 1

与我的一位朋友更深入地讨论了这个问题，我们成功地实现了我们想要的效果。

鲍勃的回答没问题，但问题是它不会返回整行结果。只是您搜索的特定术语！

这对我有用：

var $rows = $('.list .edit');
$('#search').keyup(function() {
    var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
        $rows.parents("tr").hide()
    var x = $rows.show().filter(function() {
        var text = $(this).val().replace(/\s+/g, ' ').toLowerCase();

        if(text.indexOf(val) > -1)
            return $(this);
    });     

    $(x).each(function(){
        $(this).parents("tr").show();
    });
});

JSFiddle 演示