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

Question

您好，感谢您查看我的代码^^

我做了一个工作示例，它根据输入隐藏了内容，但问题是它看起来一个接一个，所以假设我在我的 div "yes i know" 中有这段文字，我有你开始用 y 打字来找到它，因为如果我打字让我们说 "know" 它不会找到它

这里是例子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);
    });
});

Answer 1

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

开头

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

在此link您可以找到有关 RegExp

的更多信息

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

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

Hide Div based on search content and text value in div

html

javascript

search

text

show-hide