带标记的Jquery表过滤器

时间:2013-04-17 06:19:40

标签: jquery-ui jquery jquery-plugins

需要来自过滤数据的标记的jquery, 这是我的代码“使用Jquery从表中过滤数据” JS Fiddle For This位于http://jsfiddle.net/7BUmG/2/

HTML

<input type="text" id="search" placeholder="Type to search">
<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>

CSS

td {padding: 4px; border: 1px #CCC solid; width: 24.5%;}

Jquery代码

var $rows = $('#table tr');
$('#search').keyup(function() {
var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();

$rows.show().filter(function() {
    var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
    return !~text.indexOf(val);
}).hide();
});

现在我想在此搜索过滤器中添加标记方案, 即用户使用“Apple”过滤数据时和点击“Apple”时,应标记“Apple”。

0 个答案:

没有答案