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

标签 javascript jquery html

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

例如:如果用户输入 Tomato它被分成 Tomato该网站搜索 Tomato在表中。


这是我现在的代码

搜索栏:

$(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>

谁能帮帮我,谢谢:)

最佳答案

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

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

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

注意:假设该值有 8 个字符长,这将为您提供一个如下所示的数组:[“123”,“456”,“78”]。如果您只需要 3 个字符段,请使用 {3} 而不是 {1,3}。

关于javascript - 拆分字符串并在表中搜索,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56169107/

相关文章:

javascript - 为桌面使用 1 个内部图像,为移动设备使用不同的内部图像?

javascript - 将数据传递给 iframe 以自定义内容

javascript - 动态创建 React 元素

jquery - 选择器 where table td : contains null in jquery

javascript - 在平板电脑或手机中显示弹出框时出错

javascript - 没有明显原因的无限循环

javascript - (Angular 2+)在 *ngFor 中使用 ng-content,无法访问循环变量

javascript - 在 R (radarchart) 中操作基于 chart.js 的绘图

jquery - 为 Accordion 菜单设置动画时选项卡会弹跳

javascript - 始终将 jQuery 弹出窗口放在页面中央?