时间戳

首页 > 解决方案 > 拆分字符串并在表中搜索

javascript - 拆分字符串并在表中搜索

问题描述

我有一个带有长表的网站。我创建了一个搜索栏，用户可以在其中过滤表格。我希望搜索栏的输入按每 3 个字符进行拆分，并且网站过滤每个拆分组。

例如：如果用户输入Tomato它被拆分为Tomandato并且站点在表中搜索Tomand ato。


这是我现在拥有的代码

搜索栏：

$(document).ready(function() {
  $("#search_text").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTabletr:not(.th)").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});
<div class="searchbar">
  <input type="text" name="search_text" id="search_text" onkeyup="myFunction()" />
</div>

谁能帮帮我，谢谢：）

标签： javascriptjqueryhtml

解决方案

您可以使用正则表达式将字符串拆分为 3 个字符串的数组。

value.match(/.{1,3}/g)

然后，您可以使用该数组进行搜索。

注意：假设该值为 8 个字符长，这将为您提供如下数组：["123", "456", "78"]。如果您只想要 3 个字符段，请使用 {3} 而不是 {1,3}。

推荐阅读