根据div中的搜索内容和文本值隐藏Div

时间:2016-03-22 19:03:56

标签: javascript html search text show-hide

首先看看我的代码是^ ^

我已经制作了一个基于输入隐藏内容的工作示例,但问题是它看起来是字母,所以我可以说我在我的div中有这个文字"是的我知道"我开始用y来打字找到它,因为如果我输入就说'&34;知道"它不会找到它

这是示例demo

这是我的代码

我希望它可以工作,它会寻找单词而不是它开始的确切字母

提前tyvm ^^

$('#my-textbox').keyup(function() {
    var value = $(this).val();
    var exp = new RegExp('^' + value, 'i');

    $('.panel-group .panel').each(function() {
        var isMatch = exp.test($('.accordion-toggle', this).text());
        $(this).toggle(isMatch);
    });
});

1 个答案:

答案 0 :(得分:0)

只需从RegExp中删除^即可。这意味着它必须以所述字符串

开头
var exp = new RegExp(value, 'i');

在此链接上,您可以找到有关RegExp

的更多信息

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp