Javascript 第一个li的JQuery选择器

当用户单击第一个li aka（任何日期）时，我需要一个onclick事件。如何使用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选择器以元素集合中的第一个元素为目标

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

例如：

或jquery筛选器：

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

示例：

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

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

例如：

或jquery筛选器：

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

示例：

您可以使用

$（“ul.ui-menu-li.ui菜单项：第一个子项”）。在（“单击”，函数（）{
$（this.css（“背景”、“红色”）；
});










您可以使用


$（“ul.ui-menu-li.ui菜单项：第一个子项”）。在（“单击”，函数（）{
$（this.css（“背景”、“红色”）；
});










它有一个
id
，因此您可以在选择器中使用该id。您的目标是
li
中的链接，对吗

$("#ui-id-2 a").click(function(){
 // function goes here

 return false; // the link itself has a behaviour associated with it so we want to stop that
});

否则，对于更通用的内容，可以使用：first-child选择器

注意：虽然：first只匹配单个元素，但：first子元素
选择器可以匹配多个：每个父级一个

它有一个
id
，因此您可以在选择器中使用它。您的目标是
li
中的链接，对吗

$("#ui-id-2 a").click(function(){
 // function goes here

 return false; // the link itself has a behaviour associated with it so we want to stop that
});

否则，对于更通用的内容，可以使用：first-child选择器

注意：虽然：first只匹配单个元素，但：first子元素
选择器可以匹配多个：每个父级一个

您可以使用下面给出的任何方法来选择第一个li元素

1。使用jQuery:n子选择器
它使用元素的位置选择元素的子元素。值1选择位于第一个位置的li项目。
$（“ul li:n个子项（1）”）。单击（函数（）{
//在这里做点什么
});您可以使用下面给出的任何方法来选择第一个li元素

1。使用jQuery:n子选择器
它使用元素的位置选择元素的子元素。值1选择位于第一个位置的li项目。
$（“ul li:n个子项（1）”）。单击（函数（）{
//在这里做点什么
});