Javascript 如何在点击html链接时应用jquery过滤

我已经在一个只有几百行的表上应用了jQuery过滤器，效果很好

但我想在表的顶部创建几个HTML链接，这样用户就可以点击该链接应用过滤器（而不是键入）。列出所有城市名称为华盛顿的记录，类似于：

期望滤波

<a href="">List all records with city name Washington</a>

表格{
字体系列：arial，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
运输署，
th{
边框：1px实心#dddddd；
文本对齐：左对齐；
填充：8px；
}
tr:n个孩子（偶数）{
背景色：#dddddd；
}

期望滤波

工作可过滤表
在输入字段中键入一些内容以在表中搜索名字、姓氏或电子邮件：




名字
姓氏
电子邮件
城市
约翰
雌鹿
john@example.com
纽约
玛丽
教育部
mary@mail.com
华盛顿
七月
杜利
july@greatstuff.com
纽约
安雅
拉文代尔
a_r@test.com
纽约
马修
星星
a_z@test.com
瓦辛特贡

因此，用户可以单击该链接应用过滤器（而不是键入）

您可以使用

数据-

属性将所需的筛选器存储在链接中，然后使用

.val（）

将其应用于搜索输入

在这里，我给了链接一个class

addfilter

，这样您就可以添加新链接，而无需更改代码。

.click

处理程序已

返回false（或者可以使用
.preventDefault
停止




工作可过滤表
在输入字段中键入一些内容以在表中搜索名字、姓氏或电子邮件：




名字
姓氏
电子邮件
城市
约翰
雌鹿
john@example.com
纽约
玛丽
教育部
mary@mail.com
华盛顿
七月
杜利
july@greatstuff.com
纽约
安雅
拉文代尔
a_r@test.com
纽约
马修
星星
a_z@test.com
瓦辛特贡

因此，用户可以单击该链接应用过滤器（而不是键入）

您可以使用
数据-
属性将所需的筛选器存储在链接中，然后使用
.val（）
将其应用于搜索输入

在这里，我为链接提供了一个类
addfilter
，这样您就可以添加新链接而无需更改代码。
.click
处理程序已
返回false；
（或者可以使用
.preventDefault
停止




工作可过滤表
在输入字段中键入一些内容以在表中搜索名字、姓氏或电子邮件：




名字
姓氏
电子邮件
城市
约翰
雌鹿
john@example.com
纽约
玛丽
教育部
mary@mail.com
华盛顿
七月
杜利
july@greatstuff.com
纽约
安雅
拉文代尔
a_r@test.com
纽约
马修
星星
a_z@test.com
瓦辛特贡
非常感谢……这正是我正在查找的内容。请进一步指导，是否可以链接到这些“此页面上的html链接”从另一个页面，比如说…这个代码片段正在处理page-1.html。我可以在page-2.html上创建一个链接吗？当然可以，在doc.ready中检查window.location.search-有详细的方法可以在其他答案中提取精确的参数，所以-然后将其放入#myInput并应用过滤器。非常感谢…这正是我所做的ooking.请进一步指导，是否可以链接到这些“本页的html链接”从另一个页面，比如说……这个代码片段正在处理page-1.html。我可以在page-2.html上创建一个类似于……当然，在doc.ready中检查window.location.search的链接吗？有详细的方法可以在其他答案中提取精确的参数，然后将其放入#myInput并应用过滤器。
<a href="#" class='addfilter' data-filter="washington">List all records with city name Washington</a>

$(".addfilter").click(function() {
  var filter = $(this).data("filter");
  $("#myInput").val(filter);
  $("#myInput").trigger("keyup");
  return false;
});