第一个 li 的 JQuery 选择器

2024-01-13

当用户单击第一个 li 又名(任何日期)时,我需要一个 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:first https://api.jquery.com/first-selector/选择器以元素集合中的第一个元素为目标。

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

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

或 jqueryfirst() https://api.jquery.com/first/筛选 :

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

第一个 li 的 JQuery 选择器 的相关文章

  • 如何将React JS状态保存到本地存储中

    我不知道如何将 React js 状态存储到本地存储中 import React Component from react import App css import auth createUserProfileDocument from
  • 是否有跨浏览器的方式在Javascript中设置style.float?

    通常 如果您需要在 JavaScript 中设置样式属性 您可以这样说 element style attribute value 虽然略有不同 但属性名称通常与 HTML 属性名称类似 尽管是驼峰式 对我来说问题是 float 属性不起作
  • 为什么浏览器允许onmousedown JS改变href?

    我很长时间以来都注意到 当您尝试复制链接位置或在 Facebook 上打开链接时 它会修改链接并将其传递给l php 例如 我可以被发送到 http www facebook com l php u http 3A 2F 2Fwww goo
  • iPhone 上的锁定方向 UIWebView

    有没有办法锁定 UIWebView 的方向 使用 Obj C JS 还是 Html 我不想有按钮或任何东西 我只想在应用程序打开时将其锁定为纵向 好像这个堆栈溢出帖子 https stackoverflow com questions 43
  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome
  • 如何在 HTML 中将文本设置为粗体?

    我正在尝试使用 HTML 将一些文本加粗 但我很难让它发挥作用 这就是我正在尝试的 Some
  • 当rest api应用程序服务器(express)和Angulars js应用程序在不同端口上运行时出现Cors问题

    我有用node js编写的rest api应用程序 express在端口3000上运行 而angularjs应用程序在同一服务器上的端口9001上运行 从 angularjs 应用程序调用 rst api 时 出现了 cors 问题 在re
  • 从浏览器访问本地文件?

    您好 我想从浏览器访问系统的本地文件 由于涉及大量安全检查 是否可以通过某种方式实现这一目标 或使用 ActiveX 或 Java Applet 的任何其他工作环境 请帮帮我 要通过浏览器访问本地文件 您可以使用签名的 Java Apple
  • 浮动CSS属性导致父div不继承高度?

    我在 div 中有一个元素设置为float right但是 它会导致最外面的 div 不环绕 这是jsfiddle http jsfiddle net W792X 5 for it 我试图让提交按钮在 div 内浮动 但设置该属性似乎会导致
  • 如何在 CSS 中将容器内的多个 div 居中

    我正在测试像 Windows Metro 风格的中心分隔线 container height 300px width 70 background EEE margin 10px auto position relative block ba
  • 粘性背景图像/使用 CSS

    我目前正在创建我的第一个网站 并且即将完成 我在标题下为主体使用背景图像 我发现每个页面都有一个问题 因为它们的高度都不同 这使得我背景图像的当前设置放大图片以适合整个页面 我想做的是将背景图像设置为 粘性 我的想法是 背景图像将直接位于标
  • WebpackError:ReferenceError:Gatsby 上未定义窗口

    我已经在互联网上进行了大量搜索 但无法解决这个问题 我正在使用 Gasby 开发静态页面 但遇到此错误 WebpackError ReferenceError window is not defined 我的线索是 这与我正在使用的引导 模
  • Firebase 身份验证和实时应用程序数据库如何保护自身安全?

    从一般开发的角度来看 我很好奇如何保护在线资源的访问 我们使用以下 Firebase 配置参数初始化 Web 应用程序 apikey authdomain projectid databaseurl messagesenderid 服务器如
  • 如何计算一行中Flexbox项目的数量?

    网格是使用 CSS flexbox 实现的 Example http jsbin com jumosicasi edit html css js output 本示例中的行数为 4 因为我出于演示目的固定了容器宽度 但是 实际上 它可以根据
  • 加载 Angular 库时,IE9 和 IE10 中出现 Angular JS“SCRIPT5007:预期对象”错误

    我正在开发一个 AngularJS 应用程序 该应用程序应在 Firefox IE 9 和 IE 10 上运行 我使用最新版本的 angularjs 库 现在是 1 3 15 服务器端是在JavaEE平台上用Java编写的 服务器运行在Gl
  • 如何得知客户端从服务器的下载速度?

    根据客户的下载速度 我想以低质量或高质量显示视频 任何 Javascript 或 C 解决方案都是可以接受的 Thanks 没有任何办法可以确定 您只能测量向客户端发送数据的速度 如果没有来自客户端的任何类型的输入来表明其获取信息的速度 您
  • 在什么情况下,使用 HTTP/2 单独加载图像会比使用 HTTP/1.1 中的精灵一次加载所有图像慢?

    HTTP 2 使多路复用连接成为可能 从而消除了与服务器的多个连接的需要 通过单个连接 可以将许多单独的图像发送到客户端 这避免了将多个图像组合成一个并使用 CSS 将其分开的旧图像精灵模式 我很好奇精灵在 HTTP 2 世界中是否仍然会更
  • 如何使用 Django (Python) 登录表单?

    我在 Django 中构建了一个登录表单 现在我遇到了路由问题 当我选择登录按钮时 表单不会发送正确的遮阳篷 我认为前端的表单无法从 查看 py 文件 所以它不会发送任何 awnser 并且登录过程无法工作 该表单是一个简单的静态 html
  • 有序 JSON 对象

    我有一个 servlet 它与数据库通信 然后返回有序 按时间排序 对象的列表 在servlet部分 我有 access DB returns a list of User objects ordered ArrayList users M
  • 如何强制下载图片?

    我的页面上有一个动态生成的图像 如下所示 img src 我不想告诉我的用户右键单击图像并点击保存 而是想公开一个下载链接 单击该链接将提示下载图像 如何实现这一目标 最初我在 js 中尝试这样做 var path my image att

随机推荐

  • 使用 Zend Framework 验证多个可选表单字段

    我正在尝试验证 Zend Form 它有几个可选字段 我希望至少填写其中之一 就我而言 我有手机 家庭和办公室电话号码 我希望至少提供其中之一 我正在尝试通过验证上下文来实现这一目标 如建议的那样here http framework ze
  • 如何将 Hangfire 作为独立于主 Web 应用程序的进程运行?

    当 Hangfire 与我的 Web 应用程序在同一个应用程序池上运行时 我的性能受到了很大的影响 而且我们的网站变得非常慢 CPU 始终处于 96 我查看了 Hangfire 文档 有一种方法可以将 Hangfire 作为控制台或 Win
  • 将我的文本放在 Bootstrap 导航栏中居中[重复]

    这个问题在这里已经有答案了 我正在使用 Bootstrap 创建导航栏 但文本位于左侧 我根本不知道如何让文本位于导航栏的中心 并在不同设备上调整大小和查看网站时保持在那里 我尝试绕过 float left 使用下面的代码 但我仍然无法弄清
  • 引用 Binding.gyp (node-gyp) 中的环境变量

    我正在使用node gyp 我想使用我的环境变量的值binding gyp file 这是困难的方法 列出上下文
  • HTML5 音频 - 进度栏/播放栏不适用于 OGG 音频文件/206 部分内容问题

    我有 OGG 格式的音频文件并将其嵌入 div class audio container div
  • boost 转换适配器中可能存在错误

    我发现以下代码的调试和发布版本之间存在错误 include
  • Highcharts:将图表旋转 90 度并重新绘制它

    我正在尝试创建一个按钮 允许我将图表从纵向转换为横向 所以我所做的就是在单击按钮时向图表添加一个类 transform translate 50 50 rotate 90deg 确实如此 但图表是这样的旋转90度 但图表没有重绘 拉伸全屏
  • 获取 DisplayMetrics 的正确方法: getResources() 或 getWindowManager()

    获取 DisplayMetrics 的正确方法是什么 即获取屏幕 显示信息 例如density or xdpi 我问这个问题是因为我见过两种方法 FIRST DisplayMetrics metrics new DisplayMetrics
  • 将内容置于绝对定位的 div 中

    我有一个绝对定位的元素 里面有内容 它可以是一个 h1 或几个 p 标签 所以我不知道内容的高度 我怎么能够内容垂直居中绝对定位内div HTML p div div class centerd h1 helo h1 span hi aga
  • 如何从c中的sock结构中获取ip地址?

    我正在编写简单的服务器 客户端 并尝试获取客户端 IP 地址并将其保存在服务器端 以决定哪个客户端应该进入关键部分 我用谷歌搜索了好几次 但找不到从袜子结构中获取IP地址的正确方法 我相信这是服务器接受客户端请求后从 sock 结构获取 I
  • Python“除了”失败

    我想知道你是否可以重新引发一个 特定的 捕获的异常 并让它被稍后的 一般的 捕获 除了在同一个 try except 中 例如 我想对特定的 IOError 执行某些操作 但如果它不是预期的 IOError 则应像处理任何其他错误一样处理该
  • Python 中的图像抓取程序未按预期运行

    我的代码只返回一个空字符串 我不知道为什么 import urllib2 def getImage url page urllib2 urlopen url page page read Gives HTML to parse start
  • Z_DATA_ERROR,ERRNO -3,zlib:数据检查不正确,MBA M1

    最近 我在 MacBook Air M1 机器上使用最新的 Node 和 NPM 安装依赖项时遇到了问题 然后我发现M1不支持最新的Node版本 所以我的解决方案是使用 NVM 并将其更改为 Node v14 16 一切都运行良好 但是当我
  • Angular 2:“...”的路由生成器未包含在传递的参数中

    所以我的 AuthenticationService 中有以下代码 检查登录凭据后 用户将被重定向到他们的个人资料 authentication service ts redirectUser username string void Re
  • 适用于 Android 的 Tensorflow 量化图

    我正在尝试将量化图表加载到 Android 应用程序中 我的构建文件包含 deps tensorflow core android tensorflow lib tensorflow contrib quantization cc arra
  • 多个描述元标记有效吗?

    用不同的语言定义多个元描述是否有效 这是有效的吗 有效 是的 搜索引擎正确处理 目前看来并非如此 大多数 SEO 验证者都会抱怨多个描述 即使它们被标记为不同的语言代码 并且如前所述 在某些情况下会被视为垃圾邮件进行处罚 没有理由不让一个页
  • 消费者不使用 Riverpod 重建 UI

    我正在尝试使用 Riverpod 制作简单的 stateNotifier 当我单击按钮时 它将在值之间切换 我检查了该值 按下按钮时它会发生变化 问题是 UI 没有自行重建 我已经检查了文档并且非常确定我做得正确 主屏幕 class Hom
  • 如何在生成下载文件时显示加载动画?

    我有一个 Web 应用程序 用户可以在其中生成 PDF 和 PowerPoint 文件 这些文件可能需要一些时间才能生成 因此我希望能够在生成时显示加载动画 这里的问题是我无法知道下载何时开始 动画永远不会消失 我知道可以 在侧面 生成文件
  • 通过本机 Java API 验证 Windows 用户凭据

    我需要存储 Windows 用户名和凭据 以便稍后运行一些需要这些凭据的进程 当我收集这些作为用户的输入时 我想验证凭据是否正确 Java 中是否有原生 api 可以帮助我验证 Windows 系统凭据 我正在经历LoginContext类
  • 第一个 li 的 JQuery 选择器

    当用户单击第一个 li 又名 任何日期 时 我需要一个 onclick 事件 如何使用 jQuery 选择该元素 ul class ui menu ui widget ui widget content li class ui menu i