Javascript 同位素+选择+过滤+搜索

Javascript 同位素+选择+过滤+搜索,javascript,jquery,Javascript,Jquery,我正在尝试给自己一个选择器,它可以同时处理搜索和过滤,现在如果你在开始时选择选择器,它可以从一开始就工作。但是选择其他东西之后,计数器/serach上的过滤将中断 我还有一个小问题,当我在搜索我的标签TE时,我会找到所有以字母TE开头的标签。我只想标签如何在他们的名字有TE弹出,如果我搜索另一个标签像滑冰,我只希望标签与滑冰在他们的名字显示,如果可能的话 像, Te=仅显示标记名中带有Te的存储 Skate=只有标记名中有Skate的存储才会显示等 右键知道=搜索Te、Te和(&Skate)显示

我正在尝试给自己一个选择器,它可以同时处理搜索和过滤,现在如果你在开始时选择选择器,它可以从一开始就工作。但是选择其他东西之后,计数器/serach上的过滤将中断

我还有一个小问题,当我在搜索我的标签TE时,我会找到所有以字母TE开头的标签。我只想标签如何在他们的名字有TE弹出,如果我搜索另一个标签像滑冰,我只希望标签与滑冰在他们的名字显示,如果可能的话

像, Te=仅显示标记名中带有Te的存储 Skate=只有标记名中有Skate的存储才会显示等

右键知道=搜索Te、Te和(&Skate)显示

  $('select').on( 'change', function() {
        var filterValue = this.value;
        $container.isotope({ 
        filter: filterValue 
        });
        return false;
  });
这是一个


感谢您的回答。

如果您想将筛选切换到extact匹配,您可以更改正则表达式以指示这样的匹配。例如,在小提琴更改的第57行:

nameRegex = new RegExp( $quicksearch1.val() , 'gi' );
为此:

nameRegex = new RegExp( '^' + $quicksearch1.val() + '$' , 'gi' );

您可能还想转义输入,以便在正则表达式中使用。

噢,谢谢,伙计!!但是选择器。。我怎样才能让它与同位素过滤一起工作哦,看这里@oliakaoil这里是正确的JSFIDLE,但要知道搜索标签不起作用/