javascript - 单击另一个元素时单击元素

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>

我想做的是，当我点击“下一步”时模拟点击“送货地址”，如果我再次点击则模拟点击“查看订单”。

我已经尝试过这个:

    jQuery("a.next-checkout").click(function(){
     jQuery("ul.titles li").click().next(); 
    return false;
    });

但是当我单击它时，它会直接转到列表中的最后一个，我想一项一项地进行。

有什么办法可以做到这一点吗？

Answer 1

.trigger()如果您尝试“模拟”点击，该方法应该可以工作。

$('#your-selector').trigger('click');