根据搜索内容和Div中的文本值隐藏Div
Hide Div based on search content and text value in div
你好,首先是看我的代码^^
我已经做了一个工作示例,根据输入隐藏内容,但问题是它看起来像一个字母接一个字母,所以假设我的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
相关文章:
- 点击后隐藏潜水?(但如果Div是一面旗帜呢?)
- Onchange没有'不要显示或隐藏Div
- jQuery在5秒钟后隐藏/删除DIV内容
- 当DIV的高度低于某个数字时,隐藏DIV的正确逻辑是什么
- 如何使用Javascript替换和隐藏Div内容
- 单击javascript按钮显示/隐藏Div元素
- 使用YUI或ExtJS将隐藏的DIV变成一个窗口
- JavaScript Cookie会在瞬间闪烁隐藏的DIV
- 隐藏 DIV 标签,直到填充所有文本字段
- DIV 容器不可隐藏
- 需要 DIV 显示/隐藏开关在幻灯片切换发生后发生
- 带滚动条的Div位于带溢出的Div内:隐藏
- 我如何才能使我的早期DIV不被其他后期DIV隐藏
- 在jQuery上更新Div隐藏字段可排序拖放更新
- 显示剩余内容-带溢出的DIV:隐藏
- Div隐藏链接上的onmouseover事件
- 使DIV隐藏一旦FancyBox打开
- Dreamweaver CS5.5 |滑块Div隐藏在50%
- 选择“Option"Div隐藏/显示使用JQuery
- 将Div隐藏在外部