如何从jquery中的输入中获取精确值

Posted 2021-04-13

我正在尝试使用jquery过滤bootstrap dataTable。我完成了它。但问题是当我选择Male它也给结果female。 jquery没有捕到名为Male的确切单词。

这是我的jquery代码和结果

$(document).ready(function() {
    var table =  $('#example1').DataTable();

    $('#gender').on('change', function () {
      table.columns(1).search( this.value ).draw();
    });
 });

当我选择Female时，这是我的看法。 Select Female

当我选择Male Select Male时，这是我的看法

所以当我选择男性时，我如何得到结果只有男性。

答案

好吧，你可以使用search函数的第二个参数来表明你的查询是一个正则表达式。然后，您还必须表明您不想使用智能搜索功能，这是第三个参数

const regExSearch = '^' + this.value + '$';
table.columns(1).search(regExSearch, true, false).draw();

这将包括输入前后的空格，因此您可能不需要这些空格。

我提供的示例代码实际上只是文档中的代码

另一答案

男性/女性的性别价值观都有“男性”，所以在两种情况下都要搜索。你可以使用'\b'+'this.value'+'\b'正则表达式来完全search这个词。查看/b here。

 $('#gender').on('change', function () {
      table.columns(1).search( '\b'+'this.value'+'\b' ).draw();
    });

希望能帮助到你。