获取点击的div的id

2024-03-25

我想选择id当我在 jQuery 中单击当前 div 时。
例如,假设我有这样的 HTML:

<div class="item"  id="10">hello world</div>
<div class="item_10">hello people</div>

当我点击第一个 div 时.item类,我想复制id当前 div 的 + 添加数字 (10),所以它将是("div id" + 10)等于第二个开发类 = item_10。

我尝试使用currentid = this.id;但它不起作用:(!


首先,请注意id以数字开头的属性在 HTML4 中在语法上是非法的。如果您正在使用id="10"确保您使用的是 HTML5 文档类型 (<!DOCTYPE html>).

在没有看到实际代码的情况下,很难说为什么你所做的事情不起作用。大概是因为您在更高的元素(如正文)上注册了该事件并且this.idid那个更高的元素而不是您单击的元素。

在这种情况下,您想要使用target事件的属性来查找您点击的内容。例如:

$(document.body).click(function(evt){
  var clicked = evt.target;
  var currentID = clicked.id || "No ID!";
  $(clicked).html(currentID);
})

在行动中看到:http://jsfiddle.net/Gra2P/ http://jsfiddle.net/Gra2P/

如果您是在特定元素上注册,那么this.id does work:

$('div').click(function(evt){
  var currentID = this.id || "No ID!";
  $(this).html(currentID);
})

在行动中看到:http://jsfiddle.net/Gra2P/1/ http://jsfiddle.net/Gra2P/1/

然而,这是次理想的,因为:

  1. 它注册了许多事件处理程序而不是 1 个,并且
  2. 如果在运行此代码后向文档添加其他 div,则不会对其进行处理。

在 jQuery 1.7 下,您可以使用.on方法在父元素上创建单个事件处理程序,其中包含要捕获事件的元素类型的选择器,并且具有this设置给他们。在代码中:

$(document.body).on('click','div',function(evt){
  var currentID = this.id || "No ID!";
  $(this).html(currentID);
})

在行动中看到:http://jsfiddle.net/Gra2P/2/ http://jsfiddle.net/Gra2P/2/

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

获取点击的div的id 的相关文章

随机推荐

  • SimpleHTTPServer 和 SocketServer

    我创建了一个 处理程序 Python 脚本 如下所示 import SimpleHTTPServer import SocketServer PORT 8000 Handler SimpleHTTPServer SimpleHTTPRequ
  • 在python中独立运行多个while true循环

    本质上我有 2 while True 在我的代码中循环 两个循环都在最后 但是 当我运行代码时 只有第一个循环while True 循环开始运行 第二个循环被忽略 例如 while True print hi while True prin
  • 在 PostgreSQL 中,我们如何判断表的每个索引是否是聚簇的? [复制]

    这个问题在这里已经有答案了 在 PostgreSQL 中 我们如何判断表的每个索引是否是聚簇的 这对应于在MySQL中 我们如何判断表的索引是否是聚集索引 https stackoverflow com questions 51182951
  • 我可以动态重命名oozie作业名称吗

    我们有一个 Hadoop 服务 其中有多个应用程序 我们需要通过重新执行相同的工作流程来处理每个应用程序的数据 这些计划在一天的同一时间执行 问题是 当这些作业运行时 很难知道作业正在为哪个应用程序运行 失败 成功 当然 我可以打开作业配置
  • CSS中如何结合粗体和斜体?

    此 W3Schools 教程 http www w3schools com cssref pr font font style asp教我如何使用CSSfont style属性使文本变为粗体 相当于
  • Intellij:提交之前:运行 git hooks

    我想在提交之前启用 运行 git hooks 我知道这是可能的 因为我启用了它一次 在一个项目中 如下所示 但我不记得 弄清楚如何在另一个项目中做到这一点 你能帮忙吗 thanks 引用自IJ论坛 https intellij suppor
  • 使用 libxml-ruby 逐块处理大型 XML 文件

    我想读一本大书XML http dblp uni trier de xml 包含超过一百万个小书目记录的文件 例如
  • 调试 Android 应用程序? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我现在正在努力提高我的编程技能 特别是我现在想知道如何调试应用程序有点滞后的情况 我尝试将大部分关键部分移至线程 但仍然收到一些 AN
  • 在 React JS 中设置复选框值

    我正在尝试使用以下命令更改复选框的值onChange另一个输入字段的功能 我有这样的事情 class price extends React Component constructor props super props this stat
  • 使用 adb 连接到 LG 手机时出现问题 (Mac OS X 10.7.5)

    当我跑步时adb devices没有设备显示为已连接 我的设备是运行 4 4 2 的 LG Optimus Exceed 2 周围有很多这样的帖子 所以这就是我所做的 我正在使用电话附带的数据线 它会充电并尝试同步照片 因此这不是问题 切换
  • Ionic 4 IOS FIRESTORE 内部断言失败:AsyncQueue 已失败:索引数据库服务器中遇到内部错误[关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我正在开发一个 Ionic 应用程序 我使用 Firestore 作为数据库 使用离线模式 import Angular
  • Android 模拟器 - 无效的命令行参数:

    当我尝试启动我的Android 虚拟设备 http developer android com guide developing devices index html 我收到以下错误 文件 Android android sdk windo
  • 接收我的应用程序的意图“android.settings.APPLICATION_DETAILS_SETTINGS”

    我想要得到包裹名字 and 班级名称收到的intent 但我无法得到它 我想让我的应用程序安全 因此它在卸载之前会要求输入密码 只有安装该应用程序的用户知道密码 因此只有他 她才能卸载该应用程序 我的接收器代码 public class P
  • Python在if语句中使用正则表达式匹配对象,然后像Perl一样访问捕获组

    是否可以在 Python 中执行类似以下 Perl 代码的操作 据我所知 答案是否定的 但我想我应该仔细检查一下 我想在 Python 中复制 Perl 代码 usr bin perl my line hello1234world if l
  • Node.js并发连接限制[关闭]

    Closed 这个问题是无法重现或由拼写错误引起 help closed questions 目前不接受答案 我写了一个琐碎的node js客户端 服务器对来测试并发连接的本地限制 它们之间不发送任何数据 10 000 个客户端连接并等待
  • Makefile 生成器创建两个文件

    我有一个生成器程序 可以创建两个版本文件 例如ver h and ver cpp 我的最终构建目标取决于这两个文件 构建这两个文件的规则就是一个程序 如果我这样做 build ver h ver cpp ver h ver cpp gen
  • Javascript通过数据属性中的函数名称回调

    我试图为 ajax 调用提供回调函数 其中函数名称保存在表单的 data apply 属性下 jQuery function form data async on submit function event var form this va
  • MS Access:如果空白则忽略查询条件

    我在 Access 中有一个表单 我在其中基于多个文本框运行查询 我对从文本框中提取的几个查询字段应用条件 但希望查询在文本框为空时忽略这些条件 例如 如果 Machine TextBox 为空 则不要将条件应用于 Events Machi
  • 元素在故事板文件中出现和消失

    这不是一个大问题 但很烦人 每次我在 Interface Builder 中编辑故事板并且想要将其签入修订控制系统时 都会生成或删除一个元素 如果存在 则将其删除 反之亦然 它给我的签到增加了不必要的噪音 有人知道发生了什么以及如何解决它吗
  • 获取点击的div的id

    我想选择id当我在 jQuery 中单击当前 div 时 例如 假设我有这样的 HTML div class item hello world div div class item 10 hello people div 当我点击第一个 d