如何使用javascript/jquery以编程方式单击第一个li元素？

Question

我在ul里面有一个li元素列表

<ul>
   <li><a href=#>ABC</a></li>
   <li><a href=#>DEF</a></li>
   <li><a href=#>GHI</a></li>
</ul>

我如何以编程方式单击li的第一个元素并在该单击上调用JS函数.即我希望在页面加载时单击li元素

Answer 1

首先li使用:first选择器选择并使用它.trigger()来触发点击事件.

$("ul li:first").trigger("click");

$("ul li:first").click(function(){
  console.log("First li clicked");
});
$("ul li:first").trigger("click");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
   <li><a href=#>ABC</a></li>
   <li><a href=#>DEF</a></li>
   <li><a href=#>GHI</a></li>
</ul>