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

Hide Div based on search content and text value in div

本文关键字:Div 隐藏 文本 搜索      更新时间:2023-09-26

你好,首先是看我的代码^^

我已经做了一个工作示例,根据输入隐藏内容,但问题是它看起来像一个字母接一个字母,所以假设我的div中有这个文本"是的,我知道",我必须开始用y输入来找到它,因为如果我输入"知道",它就找不到

这是演示的例子

这是我的代码

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

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);
    });
});

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

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

在这个链接上,你可以找到更多关于RegExp 的信息

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