Javascript 在具有隐藏元素的div上搜索筛选器

Javascript 在具有隐藏元素的div上搜索筛选器,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在一个div里放了一个手风琴,我在div中添加了一个搜索框,它可以作为搜索过滤器。在div内部,一些手风琴元素是可见的,一些是隐藏的。我需要过滤器只在可见元素上工作 在我使用的当前代码中,它搜索div中的所有元素,当搜索框被清除时,页面将被挂起,并且没有响应,除非我刷新页面 任何指向正确方向的解决方案都将受到高度赞赏 $document.readyfunction{ $searchTC.onkeyup,函数{ var值=$this.val.toLowerCase; $testcases di

我在一个div里放了一个手风琴,我在div中添加了一个搜索框,它可以作为搜索过滤器。在div内部,一些手风琴元素是可见的,一些是隐藏的。我需要过滤器只在可见元素上工作

在我使用的当前代码中,它搜索div中的所有元素,当搜索框被清除时,页面将被挂起,并且没有响应,除非我刷新页面

任何指向正确方向的解决方案都将受到高度赞赏

$document.readyfunction{ $searchTC.onkeyup,函数{ var值=$this.val.toLowerCase; $testcases div.filterfunction{ $this.toggle$this.text.toLowerCase.indexOfvalue>-1 }; }; }; 测试用例 tc_搜索产品 易趣 × 拯救 易趣 tc_登录应用程序 埃巴洛金 × 拯救 埃巴洛金 tc_ExploreAmazon 亚马逊大学 × 拯救 亚马逊大学 添加到计划中
使用jqueryhidden属性检查元素是否隐藏

if ($('#testElement').is(':visible')) {
  // Code
}

如果清除搜索框时页面冻结,则其他代码可能正在运行while循环或.onchange。。这是反复出现的-这不是由这里提供的代码引起的。如果您选择的除法太多,请使用以下jquery选择器$testcases仅选择accordion项div。accordion__项而不是$testcases divNo它不工作页面在清除搜索框时被挂起。当搜索框被清除时,它也会显示隐藏的元素