第一个li的jQuery选择器 [英] JQuery selectors for first li

问题描述

当用户单击第一个li(任何日期)时，我需要一个onclick事件.如何使用jQuery选择该元素?

I need an onclick event, when the user clicks on the first li aka(Any Date).How do I select that element using jQuery?

<ul id="ui-id-1" class="ui-menu ui-widget ui-widget-content" role="menu" tabindex="0" aria-activedescendant="ui-id-5">
   <li class="ui-menu-item" id="ui-id-2" tabindex="-1" role="menuitem">
    <a href="#">Any Date</a></li>
   <li class="ui-menu-item" id="ui-id-3" tabindex="-1" role="menuitem">
    <a href="#">Past 7 days</a></li>
   <li class="ui-menu-item" id="ui-id-4" tabindex="-1" role="menuitem">
    <a href="#">Past month</a></li>
   <li class="ui-menu-item" id="ui-id-5" tabindex="-1" role="menuitem">
    <a href="#">Past year</a></li>
</ul>

推荐答案

您可以使用jquery :first 选择器以定位元素集合中的第一个元素.

You can use jquery :first selector to target the 1st element in a collection of elements.

$('ul li:first').click(function()
{
   // do something 
});

示例: https://jsfiddle.net/3mb8ep19/

或jquery first()过滤器:

or jquery first() filter :

$('ul li').first().click(function()
{
   // do something
});

示例: https://jsfiddle.net/3mb8ep19/1/

这篇关于第一个li的jQuery选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！