将事件绑定到文本节点

2023-12-10

这是我的 HTML。我需要将点击事件绑定到“someText”

<div id="container">
    someText <a href="#">A link</a>
</div>

“someText”可以是任何文本字符串


使用 jQuery 将文本节点包裹起来<span>,单击该位置。

试试看: http://jsfiddle.net/3F4p4/

$('#container').contents()  // Get all child nodes (including text nodes)
               .first()     // Grab the first one
               .wrap('<span/>')    // Wrap it with a span
               .parent()           // Traverse up to the span
               .click(function() { alert('hi'); });​​  // add the click to the span

The .contents()方法返回所有子节点,包括文本节点。因此,您抓住第一个子级,将其包装,遍历到其父级(现在是跨度),然后添加单击。

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

将事件绑定到文本节点 的相关文章

  • JavaScript:参数列表后缺少 )

    这个 JavaScript 产生一个错误 参数列表后缺少 在 firebug 中使用代码 我究竟做错了什么 功能d缺少左括号 answer after 不应该逃避 只需常规报价即可
  • Angular - Safari 无法正确显示 DOM

    我是 Angular 的新手 使用 Angular 4 我尝试通过在关联的组件类文件中设置属性来更新特定元素 但是 除非我尝试强制重新绘制网页 通过调整窗口大小等 否则页面不会更新 我打开检查器 看到 DOM 已更改 但显示与元素检查器中的
  • JQuery 可排序嵌套可排序 div

    这个问题与这个有关Nest jQuery UI 可排序 https stackoverflow com questions 19129476 nest jquery ui sortables 但我无法解决我的问题 问题是 我有一个包含项目的
  • jQuery - 拖动div css背景

    我希望能够在 div 内按住鼠标并移动它的背景 在谷歌上搜索了很多 没有找到我想要的 这是目标 显示的地图是要拖动的对象 http pontografico net pvt gamemap http pontografico net pvt
  • 无法读取setInterval(Hooks)中的最新状态变量[重复]

    这个问题在这里已经有答案了 我想这是因为 JS 的工作原理 但我想你不会在类中遇到这个问题 在此代码中 let open setOpen React useState false let counter setCounter React u
  • 在事件聚合器中混合枚举与事件类

    我最近尝试实现自己的简单事件聚合器 我从 MSDN 上的事件聚合器文章中获得了很多灵感 关于 MSDN 上的事件聚合器 我注意到一件事是事件实际上是它们自己的类 这根本不是一件坏事 然而 我只是觉得总是为每个小事件创建一个新的空类很尴尬 我
  • json、rails、javascript 中的解析错误

    我需要将 ruby 数组放入 javascript 数组中 但出现解析错误 var characters 这就是我将 ruby 嵌入到内联 javascript 中的方式 但它出现了解析错误 我应该如何将此 ruby 数组放入 javasc
  • 将数字限制为段的最优雅的方法是什么?

    比方说x a and b是数字 我需要限制x到段的边界 a b 换句话说 我需要一个钳位功能 https math stackexchange com q 1336636 clamp x max a min x b 有人能想出一个更易读的版
  • apollo 客户端从存储中删除而不发生突变

    我需要通过 id 从本地存储中删除一条 记录 而不使用突变 因为服务器不支持突变 我尝试像这样手动访问商店 delete this apolloClient store getState apollo data 1112 这会删除记录 但是
  • 您网站上的自定义 jQuery 脚本有多少行代码?多少才算是太多呢?

    对于我们的网站 我使用了大量 jQuery 现在我正在查看基础库顶部的 340 行 jQuery 代码 多少是太多了 我将添加更多内容 我什么时候开始尝试压缩代码并最终转向 OOP 行数并不意味着什么 重要的是你实际上在做什么 您可能拥有
  • 两个日期之间间隔 15 分钟 javascript

    问题 我需要将两个日期 时间戳之间的所有 15 分钟时隙 日期格式 2016 08 10 16 00 00 创建为 HH mm 格式的数组 其中分钟限制为 00 15 30 45 示例 中午 12 30 到下午 2 30 将 gt 12 3
  • 替换打字稿中字符串中字符的所有实例?

    我正在尝试用 x 字符替换电子邮件中的所有句号 例如 电子邮件受保护 cdn cgi l email protection 将变为 myxemail emailxcom 电子邮件设置为字符串 我的问题是它不只是替换句号 而是替换每个字符 所
  • 在部分渲染时执行 JavaScript

    我有一些 JavaScript 代码 我想在用户单击其文件夹之一后执行 它会触发 show 操作和 show js erb 从而呈 现部分内容 Show js erb 当用户单击其文件夹之一时触发 如下所示 body append 它成功注
  • React TypeError:x 不是函数

    我在子组件中从父组件调用函数 booksRefresh 但出现错误 类型错误 booksRefresh 不是函数 我不知道为什么 因为 booksRefresh 是一个函数 有人可以帮我解释为什么会出现这个错误吗 这是我的代码 import
  • Skrollr 添加空白

    我已经尝试了一切 我在谷歌上阅读了 4 5 页试图找到适合我的修复程序 已经筋疲力尽了 即使我使用 skrollr 示例 我的问题仍然存在 不是说他们做错了什么 我知道我只是没有正确理解它 因此 我上传了一个演示 仅在移动设备上展示这个尴尬
  • 如何在 WebView 中添加 JavaScript 函数并稍后在提交 reCAPTCHA 时从 HTML 调用它

    我在 WebView 中添加一个 JavaScript 函数 如下所示 Kotlin val webView findViewById R id webview as WebView webView getSettings setJavaS
  • 在 React JSX 中返回配对元素

    问题 在 React 中 您希望通过映射数组来创建 DOM 结构 但数组中的每个项目应返回 2 个元素 例如 import React from react import from lodash let Component React ex
  • 将日期参数传递给对 MVC 操作的 ajax 调用的安全方法

    我有一个 MVC 操作 它的参数之一是DateTime如果我通过 17 07 2012 它会抛出一个异常 指出参数为空但不能有空值 但如果我通过01 07 2012它被解析为Jan 07 2012 我将日期传递给 ajax 调用DD MM
  • 允许 iframe 跨域链接到目标父框架

    我有 2 个域 域 1 上的一个页面使用 iframe 加载域 2 中的内容 如何允许来自domain2 iframe 内 的链接在domain1 的完整父框架中打开 我一直在关注IE和w3c的新沙箱属性 http www w3 org T
  • 在 ASP.NET 中将事件冒泡为父级

    我已经说过 ASP NET 中的层次结构 page user control 1 user control 2 control 3 我想要做的是 当控件 3 它可以是任何类型的控件 我一般都想这样做 让用户用它做一些触发回发的事情时 它会向

随机推荐

  • 使用 Core Motion 可以获得更准确或更快的加速度计读数吗?

    我可以使用Core Motion框架的这种方法 void startAccelerometerUpdatesToQueue NSOperationQueue queue withHandler CMAccelerometerHandler
  • Android:为什么视图没有 maxHeight?

    视图有一个minHeight但不知何故缺乏maxHeight 我想要实现的是让一些项目 视图 填充ScrollView 当有 1 3 个项目时我想直接显示它们 意思是ScrollView具有 1 2 或 3 个项目的高度 当有 4 个或更多
  • UIKeyboardTypeDecimalPad 中的小数点不能用于数学计算

    我使用的键盘类型 UIKeyboardTypeDecimalPad两个人UITextField对象 当尝试执行添加时 根据当前区域设置 我会得到不同的结果 情况 1 美国格式 小数点显示为 正如预期的那样 如果我添加 12 3 文本字段 1
  • Django Rest Api - ManyToManyField,在练习数组中显示“标题”而不是“id”

    Django Rest Api ManyToManyField 在练习数组中显示 标题 而不是 id HTTP 200 OK Allow GET POST PUT DELETE PATCH Content Type application
  • 如何从 python 脚本调用现有的 LibreOffice python 宏

    目前 我使用以下命令调用现有的 LibreOffice 宏 def OnLOtimestamp self try pid Popen lowriter vnd sun star script fs2TimeStamp py fs2 Time
  • 如何在 Django 1.4 中使用 DB 路由器

    我一直在尝试设置 Django 1 4 3 以使用多个数据库 但我一生都无法让它工作 我阅读了有关 SO 的文档和帖子 并执行了以下操作 1 添加第二个数据库配置settings py 如下 DATABASES default ENGINE
  • 定义自定义属性

    我需要实现我自己的属性 例如com android R attr 在官方文档中找不到任何内容 因此我需要有关如何定义这些属性以及如何从我的代码中使用它们的信息 目前最好的文档是源代码 你可以看一下这里 attrs xml 您可以在顶部定义属
  • 我可以用 Objective-C 以外的任何语言编写 iPhone 应用程序吗?

    是否可以用 Objective C 以外的任何语言编写 iPhone 应用程序 基本上 iPhone iOS 编程有 3 个主要选项 Objective C MonoTouch 适用于 iOS 的 C Adobe AIR 可能还有其他一些可
  • DAO 和依赖注入,有建议吗?

    这是我第一次使用 DAO 模式 从我所得到的read到目前为止 实现这种模式将帮助我将调用代码 控制器 与任何持久性实现分开 这正是我想要的 也就是说 我不想被限制使用任何特定的数据库或第三方库 我正在使用 MongoDB 和吗啡 作为示例
  • 无法安装 ASP.NET MVC 3 RC

    Web 平台安装程序给了我一条成功消息 但 MVC 3 不存在于我的系统上 在 VS 或控制面板中 我下载了安装程序 它告诉我 OS Version 6 0 6000 Platform 2 12 10 2010 11 50 9 OS Des
  • 如何使用平面映射java8根据值的键数量对哈希映射进行排序?

    这是后续的如何使用 lambda 获取哈希映射中值的键数 我有一个HashMap我想找到每个值的键数 Map
  • 在 Windows 上设置 Python 终端编码

    我碰巧在 Windows 上的 Python 终端中设置字符编码失败 根据官方指南 这是小菜一碟 coding utf 8 好的 现在测试 print 生产一块mojibake 我做错了什么 P S 如果重要的话 IDE 是 Visual
  • 是否有与 tab20c 类似且颜色数量更多的调色板?

    这是参考关于颜色图 Here s the tab20c colormap 我想要一个类似的颜色图 这样每种颜色都彼此不同 但它应该包含 20 多种颜色 还有其他选择吗 如果您能找到您喜欢的不同颜色图您链接的页面 您可以使用轻松生成自己的分段
  • selenium-server-standalone 和 selenium-server 有什么区别?

    我可以在 Maven Central 存储库中看到两个存储库 请澄清两个罐子之间的区别 这在硒文档 您可能需要也可能不需要 Selenium 服务器 具体取决于您的方式 打算使用Selenium WebDriver 如果您的浏览器和测试都可
  • 如何使用 Wea​​therKit Swift 框架在小部件扩展中获取天气?

    我无法使用小组件扩展中的 WeatherKit 框架获取天气 这是我为本示例创建的一个项目 该小部件显示样本位置的湿度 这是代码 import WidgetKit import SwiftUI import WeatherKit impor
  • 在 BlackBerry JDE 4.5.0 的状态栏添加通知图标

    我正在编写一个 Java 应用程序黑莓JDE 4 5 将在启动时开始侦听某些事件 我想在状态栏显示一个小图标 我知道 BlackBerry API 4 6 0 版本支持 ApplicationIcon ApplicationIndicato
  • 加密(模式和填充)

    我的任务是编写一个涉及加密的小型 Java 控制台应用程序 我对加密不熟悉 所以我必须先阅读一些内容 到目前为止 给出的高级要求是应使用 AES 256 生成一次性密钥来加密文件 之后 应使用接收者的公钥 RSA 2048 来加密该 AES
  • 是否有任何“DOM 更改”事件? [复制]

    这个问题在这里已经有答案了 可能的重复 检测 DOM 中的变化 我需要设置一个事件处理程序 每当在 DOM 上添加 更改 删除某些内容时 该事件处理程序就会触发 这个答案在我的情况下不起作用 第三方开发人员可以修改 DOM 每次 DOM 更
  • 使用文件字段保存节点

    我正在为 Drupal 站点创建批量上传功能 使用 flash 我可以将文件上传到特定的 url 然后由该 url 处理这些文件 我想要做的不仅仅是上传文件 而是创建一个特定类型的节点 并将文件保存到已使用 CCK 设置的文件字段中 由于这
  • 将事件绑定到文本节点

    这是我的 HTML 我需要将点击事件绑定到 someText div someText a href A link a div someText 可以是任何文本字符串 使用 jQuery 将文本节点包裹起来 span 单击该位置 试试看 h