Как настроить поиск div?

Question

[GRO24]

Доброго времени суток.
Суть вопроса: хочу сделать поиск по divav которые слушают скрытый селектор

Нашел пример, хочу понять как заставить слушать именно мой селектор

Код от дива по которому ищем

<ul id="drop-down-O4dLct5w-list" aria-labelled-by="drop-down-O4dLct5w" class="dropdown-menu" style="height: auto; max-height: 632px; overflow-x: hidden;">
	<li>
		<a data-val="one" data-text="Первый блок" data-icon="one" class="flex-container flex-center"><div style="flex: 1 1 auto;">Первый блок</div></a></li>
	<li>
		<a data-val="two" data-text="Второй блок" data-icon="two" class="flex-container flex-center"><div style="flex: 1 1 auto;">Второй блок</div></a>
	</li>
</ul>

Далее, код скрипта который ищет

function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

function filterFunction() {
  var input, filter, ul, li, a, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  div = document.getElementById("myDropdown");
  a = div.getElementsByTagName("a");
  for (i = 0; i < a.length; i++) {
    txtValue = a[i].textContent || a[i].innerText;
    if (txtValue.toUpperCase().indexOf(filter) > -1) {
      a[i].style.display = "";
    } else {
      a[i].style.display = "none";
    }
  }
}

Не пойму никак, что пишем в a = div.getElementsByTagName("a");
Поиск нужен по полю data-text="Первый блок"

Помогите, пж)

Answer 1

[Александр Шохров]

Если правильно понял вопрос, то, на мой взгляд
txtValue = a[i].getAttribute('data-text');

Answer 2

[Dubrovin]

Используйте .querySelector вместо .getElementsByTagName
И в качестве селектора указывайте что-то вроде 'a[data-text="Первый блок"]'