Есть ли способ поиска текста внутри строк таблицы с помощью Javascript?

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть текстовое поле ввода и html-таблица со строками текста.

Таблица:

  • Это первая строка моей таблицы.
  • Это вторая строка моей таблицы.
  • Это третья строка моей таблицы.

Когда я начинаю вводить текст в текстовом поле ввода, я хочу, чтобы строки, которые не совпадают, исчезли.

Например, если я набираю вторую строку, я бы хотел, чтобы в моей таблице отображалась только эта строка:

  • Это second row моя таблица.

Если я введу это, я бы хотел, чтобы в моей таблице отображались все 3 совпадающие строки:

  • This is the первая строка моей таблицы.
  • This is the вторая строка моей таблицы.
  • This is the третья строка моей таблицы.

Если кто-нибудь знает сценарий для этого, я был бы признателен! (javascript или jquery)

Ответ №1:

Это делает то, что вы хотите, и довольно легкое и чистое:

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