使用 jquery 触发 ul 标签点击事件而不是 li

2024-02-16

如何使用 jQuery 只影响 ul 标签而不影响所有 li 的点击事件?

<!-- HTML -->
<ul class="wrap">
    <li>test1</li>
    <li>test2</li>
    <li>test3</li>
</ul>

我尝试过像这样使用jquery,但它不起作用。

//Javascript
jQuery("ul.wrap").not(jQuery("ul > li")).click(function(){
      //fire only ul
});

我们应该怎么做?


您可以简单地使用以下代码来完成此操作:

jQuery('.wrap').click(function (event) {    
    if ( !$(event.target).is( "li" ) ) {
        console.log('ul clicked!');
    } 
});

您可以在此处查看带有背景颜色的示例,其中显示 ul 和 li:http://jsfiddle.net/S67Uu/2/ http://jsfiddle.net/S67Uu/2/

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

使用 jquery 触发 ul 标签点击事件而不是 li 的相关文章

随机推荐

  • 如何消除这个错误? java.lang.reflect.InitationTargetException [重复]

    这个问题在这里已经有答案了 我添加了所有需要的权限 PackageManager packageManager context getPackageManager Class
  • @事务和继承

    我曾经添加过 Transactional所有 Spring 服务 类 的注释 然后我想 如果事务行为应该相同 我真的必须这样做吗 当然 如果不应该的话 我们会添加 Transational以及方法的其他参数 我试图找到一些关于继承的有用信息
  • 如何使用 Xunit 2.0 动态跳过测试?

    Xunit 1 9 x 为用户提供了DynamicSkipExample cs https github com xunit xunit blob v1 samples AssertExamples DynamicSkipExample c
  • 如何获取 SLURM 作业所用脚本的原始位置?

    我正在使用脚本启动 SLURM 作业 并且脚本必须根据其在脚本本身内部获取的位置来工作SCRIPT LOCATION realpath 0 但 SLURM 将脚本复制到slurmd文件夹并从那里开始工作 这会搞砸进一步的操作 在移动 复制之
  • 桌面上方的浮动图标

    我正在编写一个 C 应用程序 我希望它在桌面上有一个浮动图标 就像移动设备中的 Facebook Messenger 我一直在互联网上搜索但找不到任何有用的东西 有文章吗 有想法吗 您需要创建一个没有标题栏和边框的表单 并使用图像作为表单的
  • OpenCV中概率霍夫变换的具体实现是什么?

    有谁知道 OpenCV 实现中概率霍夫变换的特定算法吗 我的意思是 有关于该算法的参考论文或文档吗 为了得到这个想法 我当然可以查看源代码 但我想知道是否有任何关于它的文档 它不在源代码的注释中 OpenCV 1 0 谢谢你 Jin Ope
  • 是否需要验证或转义jsonp回调字符串

    我有一个名为 action php 的文件 它将执行一些操作 我想将其公开为纯 JSON 或 JSONP 输出 用户将使用如下 URL 来调用它 action php jsonp callback 在我的action php中我正在做这样的
  • 服务器端对云服务执行多个请求

    我正在编写一个使用多个 Web API 的 Web 应用程序 对于单个用户的单个请求 我的应用程序可能需要对其他站点执行最多 30 个 HTTP 请求 包含网络应用程序的网站可以拥有数百个并发用户 我一直在四处寻找 试图找出应该使用哪个库
  • Kubernetes,无法通过 DNS 挂载 NFS 共享

    我正在尝试通过 DNS 查找在我的容器中安装 NFS 共享 k8s 集群外部 我的配置如下 apiVersion v1 kind Pod metadata name service a spec containers name servic
  • 设计模式和架构模式有什么区别? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 当我们读到设计模式在互联网上 我们注意到有 3 类 创作型 结构性 行为的 但是当我们创建软件架构时 我们会考虑 MVP MVC 或
  • 覆盖 Spree Commerce 的 Bootstrap 变量

    我在部署自定义项目时遇到问题 variables scss作为编译资产添加到我的生产服务器 在我的开发环境中一切都很好 在生产中我的变量被覆盖 我正在使用 Rails 4 2 1 和 Spree 3 0 稳定分支 我有以下结构 文件创建于v
  • 如何仅在少数列中插入数据,而其他列为空或像它们在mysql表记录中一样?

    我创建了一个名为 学生 的表 它有以下字段 roll no lt type Integer Not Null course name lt type varchar 40 Not Null std surname lt type varch
  • 实体框架 5 命名空间

    我想首先将 Entity Framework 5 数据库添加到面向 net Framework 4 5 的 Visual Studio 2012 中的类库中 我对需要输入的所有标签感到困惑 将 ADO NET 实体数据模型添加到项目时的 E
  • 裁剪 CMSampleBuffer 并对其进行处理,而不转换为 CGImage

    我一直在关注苹果直播摄像机编辑器 https developer apple com documentation avfoundation cameras and media capture avcamfilter applying fil
  • RESTful API:需要用户代理字符串吗?

    我的团队有一个带有 RESTful API 的网站 我们正在对其进行负载测试 因此我们构建了一个小型控制台应用程序来处理请求 此控制台应用程序不会设置用户代理字符串 这会导致我们的 API 出现错误 因为它是我们数据库中的必填字段 那么 如
  • 服务器端的 Blazor:使用 MongoDB 进行身份管理

    VS 2019 中的 Asp Net Core Blazor 模板可以创建一个服务器端应用程序 该应用程序将使用 Microsoft SQL Server 来管理帐户和声明以进行身份 管理 我想用MongoDB而不是用于账户和索赔管理 这样
  • UILocalNotification 自定义 soundName 仅在指定alertBody 时振动手机(与 UILocalNotificationDefaultSoundName 不同)?

    我有一个 VoIP 应用程序 当应用程序在后台时 它使用 UILocalNotification 通知用户有来电 当出现通知时 我希望它多次播放声音并振动手机 并且不会重复显示相同的消息 我能够通过使用一系列通知来做到这一点 第一个通知会立
  • cx_Oracle & 远程连接到 Oracle DB

    如何通过 IP 地址连接到远程服务器 就像 TOAD SqlDeveloper 能够仅使用 IP 地址 用户名 SID 和密码连接到数据库一样 每当我尝试指定 IP 地址时 它似乎都是在本地获取的 换句话说 cx Oracle connec
  • 如何将AOP引入到生产性软件开发中?

    我知道这个问题以前曾被问过 但这是一年半前的事了 尽管我认为现在可能是重新提问的时候了 我也认识到它可能被视为主观的 但我认为支持 反对 AOP 是有客观原因的 我有兴趣谁在使用AOP在软件开发中也why or why not使用它 我认为
  • 使用 jquery 触发 ul 标签点击事件而不是 li

    如何使用 jQuery 只影响 ul 标签而不影响所有 li 的点击事件 ul class wrap li test1 li li test2 li li test3 li ul 我尝试过像这样使用jquery 但它不起作用 Javascr