jquery-ui - 带有标签的 Jquery 表过滤器

Question

需要一个 jquery 来从过滤的数据中获取标签，这是我的“使用 Jquery 从表中过滤数据”的代码 JS Fiddle For This is at 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”。