有没有办法用Javascript搜索表格的行内的文本?

时间:2011-10-22 02:55:15

标签: javascript jquery

我有一个输入文本框和一个带有文本行的html表。

表格

  • 这是我桌子的第一行。
  • 这是我桌子的第二行。
  • 这是我桌子的第三行。

当我开始在输入文本框中输入内容时,我希望不匹配的行消失。

例如,如果我输入第二行,我希望我的表格只显示此行:

  • 这是我桌子的second row

如果我输入这是,我希望我的表格显示所有3个匹配的行:

  • This is the我桌子的第一行。
  • This is the我桌子的第二排。
  • This is the我桌子的第三排。

如果有人知道要执行此操作的脚本,我将不胜感激! (javascript或jquery)

1 个答案:

答案 0 :(得分:2)

这可以满足您的需求,且非常轻巧,干净:

http://www.jqueryfun.com/2010/06/14/filtering-through-table-rows-with-few-lines-of-code