在文档加载上添加li上的click事件

Question

列表为，

<ul id="test" >
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

我想在文档加载后点击特定的li。我怎么能用jquery做到这一点？

Answer 1

如果你想在第一个li上触发click，那么你可以这样做：

$(window).on('load',function() {
    $('#test li:eq(0)').click();
});

Answer 2

您可以使用nth-child()定位特定的一个，例如：

$(function() {
    $("#test li:nth-child(n)").click(function(){
        //do you stuff
    });
});

Answer 3

$(document).ready(function(){
     $('#test li').click(function(){
         //your code goes here
     });
});

Answer 4

如果您熟悉它，可以使用jquery

$("#test").on("click", "li", function(){
   //custom code
});

Answer 5

关于spcecific li ？你mena点击“第3项”，但其他项目不可点击？ 将ID放入可点击的项目中，并将该事件设置为usualy。

Answer 6

$(function() {
  $('#test').on('click', 'li', function(event) {
    console.log(event.target);
  });
});

了解更多：http://jsfiddle.net/LvFYp/

Answer 7

使用：

nthli= $('#test li').find(':nth-child(n)');//replace n with index of li
 nthli.on('click', function() {
  //code here
});