Javascript 用于html表的同位素.js筛选

同位素过滤对HTML表有效吗？我要做的是使用搜索表单进行筛选，这样我的联系人列表将根据搜索框的值进行筛选。这是我的小提琴样本和同位素样本代码：

var $container = $('.rm-data').isotope({
    // options
});
$('#search').on('keypress', function (e) {
    if (e.which == 13) {
        var query = $('#search').val();
        $container.isotope({
            filter: query
        });
        console.log(query);

    }
});

---

谢谢您的建议。

同位素似乎会弄乱表格格式，但似乎可以正常工作。你很接近能够根据名字进行匹配

<tbody="rm-data">

然后它就起作用了。小提琴：

但是，如果您希望能够搜索表中任何单元格的内容，则需要更高级的过滤器

$('#search').on('keypress',function(e){
   if(e.which == 13){
       var query = $('#search').val();
       query = "tr:contains("+query+")";
       $container.isotope({ filter: query });
       console.log(query);

   }
});

看起来很有意思

---

然而，jQuery的

：contains（）

选择器是区分大小写的，所以如果您想要不区分大小写的搜索，您必须找出一些方法。这个问题的答案可能会有所帮助：

我认为同位素.js插件在HTML表格上不起作用。。。我可能错了。我会用老式的方式过滤表，手工编码添加同位素类是必要的，还是它与使用jQuery1.10.2的特定jQueryIM有冲突：contains选择器确实有帮助：）

$container.isotope({ filter: "."+query });

$('#search').on('keypress',function(e){
   if(e.which == 13){
       var query = $('#search').val();
       query = "tr:contains("+query+")";
       $container.isotope({ filter: query });
       console.log(query);

   }
});