Javascript获取事件的li类名

Question

我需要获取事件的类名 <li>在我页面上的不同结帐步骤上，因为它们由 javascript 调用。

例如:

第一步

<ul class="checkout-bar">
<li class="active first"></li>
<li class="next"></li>
<li class="last"></li>
</ul>

第二步

<ul class="checkout-bar">
<li class="visited first"></li>
<li class="active"></li>
<li class="last"></li>
</ul>

第三步

<ul class="checkout-bar">
<li class="visited first"></li>
<li class="visited "></li>
<li class="active last"></li>
</ul>

所以我需要能够在每一步传递到数据层:

第一步 “主动第一”

第二步 “活跃”

第三步 “最后活跃”

我已经试过了，但它不起作用:

function() {

var element=document.querySelector('ul.checkout-bar > li');

return element ? element.value : undefined;

}

Answer 1

您应该使用“active”类过滤“li”元素并返回 classList.value:

function foo() {
    var element=document.querySelector('ul.checkout-bar > li.active');
    return element ? element.classList.value : undefined;
}