我想使用jquery和一些简单的javascript进行实时搜索，我尝试了下面的代码:

HTML

<input type="text" id="myInput" placeholder="Type to search">
<button type="button" onclick="searchKey()">Serch</button>
<table id="table">
   <tr>
      <td>Apple</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Grapes</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Orange</td>
      <td>Orange</td>
   </tr>
</table>

JavaCript

<input type="text" id="myInput" placeholder="Type to search">
<button type="button" onclick="searchKey()">Serch</button>
<table id="table">
   <tr>
      <td>Apple</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Grapes</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Orange</td>
      <td>Orange</td>
   </tr>
</table>

但是相反，表中的内容消失了，不起作用，但是当我为空时，再次单击submit，内容再次出现，我想适合搜索，例如，当我单击submit按钮时，“p”会出现带有字母“p”的内容。并且我希望在删除搜索输入时，表中的所有内容立即再次出现，而无需单击submit按钮。

顺晟科技：

我希望删除搜索输入时，表中的所有内容立即再次出现，而无需单击提交按钮。

可以为输入标记定义侦听器。如果内容为空，则运行该方法。

<input type="text" id="myInput" placeholder="Type to search">
<button type="button" onclick="searchKey()">Serch</button>
<table id="table">
   <tr>
      <td>Apple</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Grapes</td>
      <td>Green</td>
   </tr>
   <tr>
      <td>Orange</td>
      <td>Orange</td>
   </tr>
</table>

完整代码为:

如果文本存在于using中，则可以通过添加/移除CSS类来隐藏和显示元素