javascript - 如何访问 ul 标签中的 li 元素

Question

我想知道如何访问 ul 中的每个 li？我不确定 ul 的确切名称是什么。

代码如下:

<ul class= "selectBox-options exp-pdp-size-dropdown exp-pdp-dropdown" style>
    <li class = " omitted">
        more li here omitted
 </ul>

我的主要目标是让用户在下拉列表中单击一个尺寸，比如尺寸 8，它会自动检测 ul 中的特定 li(8)

Answer 1

你可以使用querySelectorAll:

var array_of_li =  document.querySelectorAll("ul.selectBox-options li");

如果您不确定 ul 是否具有 selectBox-options 类，请删除 .selectBox-options 部分 -但请记住，它会为您提供页面上的所有 li。

如果您使用的是 jQuery，那么它会更兼容一些，并且做的事情基本相同:

var li =  $("ul.selectBox-options li");