Фильтр на "чистом" javascript

[slavAAvals]

Имеется сайт:
http://paqura616.h1n.ru/mypoems.php

Подгружаются данные из базы данных

<div class="poems-list" >
		<?php
	     	while( ($row = mysqli_fetch_assoc($result)) ) {
				echo '<div class="poems-list__item">';
				echo '<h2 class="poems-title">' . $row['title'] . '</h2>';
				echo '<p class="poems-content">' . $row['text'] . '</p>';
				echo '<span class="poems-date">' . $row['date'] . '</span>';
				echo '</div>';
			}
		?>
	</div>

Вопрос: как отфильтровать входящие данные по автору/дате и т.д.

Важен даже не сам конкретный пример, а общая реализация таких фильтров.
По теме совсем ничего нет конкретного в поиске. Абсолютное большинство найденных ответов - ворпрессовские фильтры, jquery и т.д.

[Alexandroppolus]

на js недавно фильтровали
Фильтр по таблице, определенного слова

[slavAAvals]

Я бы сказал, что это немного не то.
Это всё же больше поиск, чем фильтр.

Покажу абстрактный пример:

<select name="select-lang" id="lang" >
  <option value="rus">Русский</option>
  <option value="eng">Англ.</option>
  <option value="span">Испанский</option>
</select>

<label for="verl">Верлибр</label>
<input type="checkbox" id="verl"/>

<label for="novel">Проза</label>
<input type="checkbox" id="novel"/>

<label for="poem">Стишок</label>
<input type="checkbox" id="poem"/>

Как на основе этого оставлять выбранные пункты?

[рони]

slavAAvals,

[slavAAvals]

Я неправильно задаю вопросы, да?)

Или использую не те инструменты для реализации?

[рони]

slavAAvals,
недостаточно информации, что фильтровать, html блоки c rus poem -- как они связаны с фильтрами классами или дата- атрибуты

[рони]

общая реализация таких фильтров

идти циклом по блокам и проверять условие для показа или скрытия

[slavAAvals]

Я просто никогда не имел дело с такими вещами, честно говоря. Решил разобраться наконец.
И пока что не понимаю, возможно, самых глупых и банальных вещей.
Попробуй ещё раз объяснить

<div class="poems-list" >
		<?php
	     	while( ($row = mysqli_fetch_assoc($result)) ) {
				echo '<div class="poems-list__item">';
				echo '<h2 class="poems-title">' . $row['title'] . '</h2>';
				echo '<p class="poems-content">' . $row['text'] . '</p>';
				echo '<span class="poems-date">' . $row['date'] . '</span>';
				echo '</div>';
			}
		?>
</div>

Это то, что генерируется на странице.
Получается длинный список, удлиняющийся со временем.
Я хочу привязаться (вот тут первый вопрос: как?) к этим данным с помощью фильтра.

// Тут я имею ввиду, что текст будут на разных языках и чтобы при выборе одно из элементов в списке, те, что не имеют данного свойства удалялись из дома или прятались
<select name="select-lang" id="lang" >
  <option value="rus">Русский</option>
  <option value="eng">Англ.</option>
  <option value="span">Испанский</option>
</select>

// так же тут
<label for="verl">Верлибр</label>
<input type="checkbox" id="verl"/>

<label for="novel">Проза</label>
<input type="checkbox" id="novel"/>

<label for="poem">Стишок</label>
<input type="checkbox" id="poem"/>

Надо для начала к .poems-list__item добавлять атрибут rus, например или как это делается...

[рони]

slavAAvals,
как вам удобнее

<div data-lang="rus" data-category="poem"></div>
<div class="rus poem"></div>