javascript - 第一个 li 的 JQuery 选择器

Question

我需要一个 onclick 事件，当用户点击第一个 li aka(任何日期)时。如何使用 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>

Answer 1

您可以使用 jquery :first选择器以元素集合中的第一个元素为目标。

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

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

或 jquery first()过滤器:

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

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