javascript - 这是如何工作的 $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)

Question

我没有得到 $toggle 之后的最后一行，请向我解释一下 .indexOf(value) 在这一行中的用途。

$(document).ready(function() {
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});

Answer 1

您想知道 .indexOf(value) 正在做什么？

来自文档:String.prototype.indexOf()方法返回调用 String 对象中指定值第一次出现的索引，从 fromIndex 开始搜索。如果未找到该值，则返回 -1。

在这个特定的代码片段中，value 是输入到 #myInput 中的任何内容，因此 indexOf(value) 返回任何内容的索引已输入到#myInput

现在，在最后一行，在 indexOf(value) > -1 条件下调用 toggle，因此如果不这样做，表中的行将被隐藏包含用户的输入。