点击第3个<li>标记中包含的链接</li>

Question

我有<ul>：

<ul class="options_inner">
    <li><a data-dk-dropdown-value=".option1"></a></li>
    <li><a data-dk-dropdown-value=".option2"></a></li>
    <li><a data-dk-dropdown-value=".option3"></a></li>
</ul>

当页面加载时，我想触发一个单击第3 <li>中包含的链接的函数。可以用JavaScript或jQuery实现吗？

Answer 1

使用the nth-child selector。并将您的代码放在jQuery ready事件监听器中。试试这个：

$(document).ready(function(){
    $('ul.options_inner li:nth-child(3) a').trigger('click');
});

Answer 2

$('ul li:nth-child(3) a').trigger('click');

就是这样！

Answer 3

您可能想要使用nth-child selector

$('ul li:nth-child(3) a').click() //something like that