Как я могу получить доступ к неупорядоченному элементу списка по его значению?

Question

У меня есть неупорядоченный список со значениями a, b, c, d и так далее. Как выбрать элемент "li" со значением a?

Answer 1

Если вы хотите получить значение элемента, вы должны указать ему c ID

<ul>
 <li id="a">a</li>
 <li id="b">b</li>
 <li id="c">c</li>
</ul>

Для Javascript вы захотите сохранить его в переменной :

let listElement = document.getElementbyID("a");

Answer 2

вы можете выбрать родительский элемент, а затем преобразовать дочерние элементы в массив и l oop, хотя это

<ul id="list">
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
</ul>
</div>
<script>

child=document.getElementById("list").children
Array.from(child).forEach(el=>{
  if(el.textContent=="a")
  console.log(el)
})
</script>

Answer 3

Вы можете использовать Document.querySelectorAll () , чтобы получить все теги li, а затем использовать Array.prototype.find () для получения желаемого элемента. Здесь мы используем оператор распространения, чтобы преобразовать NodeList, возвращаемый querySelectorAll, в обычный массив

const liElements = [...document.querySelectorAll("li")];
const required = liElements.find(element => element.innerText === "a"); // li tag having content a