Javascript 为什么我的可搜索筛选列表不起作用？

我试图用HTML和jQuery显示一组列表项（在Onsen UI移动应用程序中），然后根据输入的字符对它们进行过滤。由于某种原因，它不起作用。我做错了什么

我的HTML是：

<input placeholder="Search Me" id="box" type="text" />

<ons-list class="ng-scope list ons-list-inner">

  <ons-list-header class="list-header trn list__header ons-list-header-inner" data-trn-key="cuisine">Cuisine</ons-list-header>

  <ons-list-item onclick="Load(1);" class="list__item ons-list-item-inner">Apple</ons-list-item>

  <ons-list-item onclick="Load(2);" class="list__item ons-list-item-inner">Orange</ons-list-item>

  <ons-list-item onclick="Load(3);" class="list__item ons-list-item-inner">Melon</ons-list-item>

</ons-list>

---

这里有一个问题：

问题似乎是下面的if语句：

(text.indexOf(valThis) >= 0) ? $(this).show() : $(this).hide();

使用此选项，它将起作用：

if (text.indexOf(valThis) >= 0) {
    $(this).show()
} else {
    $(this).hide();
}

---

这就是你想要的？@CarstenLøvboAndersen是的！！如果你创造一个答案，我会接受它。非常感谢：）谢谢：）非常好用！

if (text.indexOf(valThis) >= 0) {
    $(this).show()
} else {
    $(this).hide();
}