При наличии слова, скрыть элемент jquery, как?

Question

[vector2014]

При наличии слова "Материал "в <tr> скрыть именно этот tr в таблице. В table их несколько

Вот код:

<tr>
			<th>Материал</th>
			<td><p>ПНД 15х15 мм</p>
</td>
		</tr>

За ранее очень благодарен! Только благодаря гуру и растем :)

Answer 1

[0xD34F]

В какой таблице и при наличии какого содержимого надо скрывать строки:

const tableSelector = 'таблица ваша, так что вам и виднее, какой у неё селектор';
const text = 'Материал';

Скрываем:

$(`${tableSelector} tbody tr:contains(${text})`).hide();

или

for (const { rows } of document.querySelector(tableSelector).tBodies) {
  for (const tr of rows) {
    for (const td of tr.cells) {
      if (td.innerText.includes(text)) {
        tr.style.display = 'none';
        break;
      }
    }
  }
}

или

.hidden {
  display: none;
}

document.querySelectorAll(`${tableSelector} tbody tr`).forEach(tr => {
  tr.classList.toggle('hidden', ~tr.textContent.indexOf(text));
});

Comments

[vector2014]

ну вы гуру! спасибо - многим спасаете!