提问者:小点点

如何从无序列表项的值访问该列表项?


我有一个无序列表,其中包含值a,b,c,d等等。 如何选择值为a的“li”元素?


共3个答案

匿名用户

您可以使用document.querySelectorAll()获取所有li标记,然后使用array.prototype.find()获取所需元素。 这里我们使用扩展运算符将querySelectorAll返回的NodeList转换为普通数组

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

匿名用户

如果您想要获得元素的值,您需要给它一个特定的ID

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

对于Javascript,您需要将其存储在一个变量中:

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

匿名用户

您可以选择父元素,然后将子元素转换为数组并通过它循环

null

<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>