Javascript 如何在html表格中添加搜索 变量选项={ valueNames:['style3'，'tf'] }; var journalList=新列表（“内部”，选项）； 从开始 截至2013年 从 开始于 截至2014年 开始于 截至2014年 开始于 截至2014年

我随身携带了这段代码，我想在输入框中插入一个字符串后对其进行排序，我尝试使用link.js文件。。但是无法对表进行排序，我只想对与字符串匹配的值进行排序，并隐藏其余的值

请帮助我（普利兹：）

---

提前感谢。

有很多jquery插件：

---

多谢了，先生，Vijay Joshi的建议奏效了！！非常感谢……）

   <script src="http://listjs.com/no-cdn/list.js"></script>

   <script type="text/javascript">

    var options = {
        valueNames: ['style3', 'tf']
    };

    var journalList = new List('inner', options);



   </script>


  <div id="inner">


        <input type="text" id="search" placeholder="Search" />
        <!--<button class="sort" data-sort="name">Sort by name</button>-->


    <table id="tblcontents" border="0" >

    <thead style="width:100%">
          <tr>
          <th></th>
          <th class="sort" data-sort="style3"></th>
          <th class="sort" data-sort="tf"></th>
          <th class="sort" data-sort="tf"></th>

         </tr>

    </thead>
  <tbody>
 <tr>

<td width="76%" class="style3"><a href="#"><b>Amrita Journal of Medicine</b></a><br    /><br /><b>Started From</b><a href="#">2013</a><br /></td>
<td class="tf" ><span class="style2"><b><br /><br />Upto 2013</b></span></td>
<td class="tf" ><span class="style2"><a href="#"><br /><br />Available Issues</a>
</span></td>

</tr>
    <tr>

<td width="76%" class="style3"><a href="#"><b>Annals of Cardiac Anaesthesia    </b></a><br /><br /><b>Started From</b> <a #">2005</a> <br /><br /></td>
<td class="tf" ><span class="style2"><b><br /><br />Upto 2014</b></span></td>
<td class="tf" >
    <br />
    <br />
    <span class="style2"><a href="#">Available Issues</a>
</span></td>

</tr>

 <tr>
<td class="style3"><a href="#"><b>Asian Journal of Transfusion Science </b></a><br /><br /><b>Started From</b><a href="#">2007</a><br /><br /></td>
<td class="tf" ><span class="style2"><b><br /><br />Upto 2014</b></span></td>
<td class="tf" >
    <br />
    <br />
    <span class="style2"><a href="#">Available Issues</a>
</span></td>
</tr>

<tr>
<td class="style3"><a href="#"><b>Contemporary Clinical Dentistry </b></a><br /><br /><b>Started From</b> <a href="#">2010</a> <br /><br /></td>
<td class="tf" ><span class="style2"><b><br /><br />Upto 2014</b></span></td>
<td class="tf" >
    <br />
    <br />
    <span class="style2"><a href="#">Available Issues</a>
</span></td>
 </tr>

 <tr>
  <td class="style3"><a href="#"><b>Delhi Psychiatry Journal</b></a><br /><br /><b>Started From</b> <a href="#">2007</a><br /><br /></td>
  <td class="tf" ><span class="style2"><b><br /><br />Upto 2014</b></span></td>
<td class="tf" >
    <br />
    <br />
    <span class="style2"><a href="#">Available Issues</a>
</span></td>
</tr>
</tbody>  
</table>


    </div>