Javascript 加载文档时在li上添加单击事件

Javascript 加载文档时在li上添加单击事件,javascript,jquery,html,Javascript,Jquery,Html,将列表列为 <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> 清单项目1 清单项目2 清单项目3 清单项目4 清单项目5 我

将列表列为

<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>
  • 清单项目1
  • 清单项目2
  • 清单项目3
  • 清单项目4
  • 清单项目5

我想在加载文档后应用单击特定li。如何使用jquery执行此操作?

如果要在第一个li上触发
单击
,则可以执行以下操作:

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

如果熟悉jquery,可以使用它

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

关于spcecificli?您可以单击“项目3”,但其他项目不可单击?
为可单击的项目添加ID,并将事件标记为通常。

您可以使用
nth-child()
将特定事件作为目标,如下所示:

$(function() {
    $("#test li:nth-child(n)").click(function(){
        //do you stuff
    });
});
有关更多信息:

请使用:

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

任何一个李或3,4中的一个?我不是最悲观的选民。。。但问题根本不清楚。。。你想注册一个点击处理程序或触发器已经注册了点击处理程序我猜反对票是因为如果你花点时间阅读这里的文档,你会发现一个答案9答案不到5分钟表明答案很简单。另一个问题:这个列表是动态创建的吗?每个li的位置是否发生变化?如果是,请将此添加到您的问题中,因为:eq(n)和:n个孩子(n)不是列表更改时的最佳解决方案。使用
.ready
在文档加载后单击特定li不是更好吗我有点困惑,n个孩子(n)不是要搜索li的第n个孩子吗?但是你想找到ul的第n个孩子,对吗?因此它必须是#test:nth child(n),如果我错了,请纠正我。从jQuery文档来看:从jQuery 1.7开始,.on()方法是将事件处理程序附加到文档的首选方法。
$(function() {
  $('#test').on('click', 'li', function(event) {
    console.log(event.target);
  });
});
nthli= $('#test li').find(':nth-child(n)');//replace n with index of li
 nthli.on('click', function() {
  //code here
});