javascript - 单击 anchor 元素时触发事件

Question

我有一个这样的列表:

<ul class="titles clearfix">

 <li class="opened">Billing Address</li>
 <li class="">Shipping Address</li>
 <li class="">Review Order</li>

</ul>

还有一个按钮:

<a href="#">Next</a>

工作原理:

第一个列表项默认打开(它有一个“已打开”类)，如果我点击“送货地址”(仅当我点击)类“已打开”，它会应用于“送货地址”。

我想要做的是，当我点击下一步打开“送货地址”，如果我再次点击打开“查看订单”。

基本上，我需要做的是在单击“下一步”时强制单击“送货地址”。

我该怎么做？

Answer 1

可以根据需要使用addClass()和removeClass()设置类，next()得到如下li 元素。试试这个:

$('a').click(function(e) {
    e.preventDefault();    
    $('li.opened').removeClass('opened').next().addClass('opened');
});

如果需要，您需要实现一些逻辑来防止用户越过第三个 li 元素。

Example fiddle