Javascript 什么';在filter()中使用JQuery toggle()的目的是什么?

Javascript 什么';在filter()中使用JQuery toggle()的目的是什么?,javascript,jquery,html,Javascript,Jquery,Html,我有一个搜索输入字段和一个表。当您键入某些单词时,表格将显示与您键入的单词匹配的行。我在学校看到了一个例子。他们在filter()中使用JQuery toggle(),我不太明白。代码是这样的 html 有人可以解释filter()函数中的代码行吗?这样做的目的是什么,以及它是如何工作的。谢谢 这实际上是对过滤器的不当使用,过滤器通常用于根据回调中的条件减少集合。他们只是使用它来创建一个循环,隔离的每个实例,而不提供任何标准来实际执行任何过滤 一种更合适、更容易理解的方法是将过滤器替换为每个,以

我有一个搜索输入字段和一个表。当您键入某些单词时,表格将显示与您键入的单词匹配的行。我在学校看到了一个例子。他们在filter()中使用JQuery toggle(),我不太明白。代码是这样的

html


有人可以解释filter()函数中的代码行吗?这样做的目的是什么,以及它是如何工作的。谢谢

这实际上是对过滤器的不当使用,过滤器通常用于根据回调中的条件减少集合。他们只是使用它来创建一个循环,隔离
的每个实例,而不提供任何标准来实际执行任何过滤

一种更合适、更容易理解的方法是将
过滤器
替换为
每个
,以执行完全相同的操作

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

这实际上是对过滤器的不当使用,过滤器通常用于根据回调中的条件减少集合。他们只是使用它来创建一个循环,隔离
的每个实例,而不提供任何标准来实际执行任何过滤

一种更合适、更容易理解的方法是将
过滤器
替换为
每个
,以执行完全相同的操作

$(document).ready(function() {
  $('#myInput').on('keyup', function() {
    var value = $(this).val().toLowerCase();
    $('#myTable tr').each(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
    });
  });
});
上面的代码根据用户在输入字段中输入的值隐藏和显示表行

函数的作用是隐藏和显示html元素

indexOf(value)函数,用于在字符串中搜索给定值

上面的代码根据用户在输入字段中输入的值隐藏和显示表行

函数的作用是隐藏和显示html元素


indexOf(value)函数,用于在字符串中搜索给定值

非常感谢你。用每一个来代替它更有意义!非常感谢你。用每一个来代替它更有意义!谢谢我感到困惑的是,为什么他们将toggle()放在filter()中;谢谢我感到困惑的是,为什么他们将toggle()放在filter()中;
$(document).ready(function() {
  $('#myInput').on('keyup', function() {
    var value = $(this).val().toLowerCase();
    $('#myTable tr').each(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
    });
  });
});
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);