使用 JavaScript 获取 div id

2024-02-04

这是一些 HTML:

<div class="results">
  <div id="1">something</div>
  <div id="2">something else</div>
  <div id="3">blah blah blah</div>
  <div id="4">etc</div>
</div>

现在如果我可以使用 jQuery 调用它:

var div = $(".results > div");
div.click(function()
{
  alert(this.childNodes[0].nodeValue);
});

当点击一个 div 时,它会调用一个警告框,说明该 div 中的内容(从上面的列表中:“某事”、“其他事”、“blah blah blah”或“等等”之一)。有谁知道我如何让它提醒 div 的 id(在本例中为 1、2、3 或 4)而不是节点内的信息?

Thanks


Inside the event handler, this refers to the clicked div. You can access its id property [MDN] https://developer.mozilla.org/en/DOM/element.id:

alert(this.id);

Note:HTML4 不允许ids 以数字开头。

P.S: The selector should be $(".results > div"). (fixed)

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

使用 JavaScript 获取 div id 的相关文章

随机推荐

  • webdriver 无法单击 Firefox 中的超链接

    package testproject import org openqa selenium By import org openqa selenium WebDriver import org openqa selenium WebEle
  • SwiftUI:ListItem 手势

    目标是具有以下行为的修改 但只有 2 个按钮 1 个在左侧 1 个在右侧 行为 短暂的滑动会显示按钮并让用户能够单击它 强力长扫按下按钮 能够使用 2 个手指手势 最小可重现示例 import SwiftUI public extensio
  • 在 Unix 上打开优化时,strcpy()/strncpy() 在具有额外空间的结构成员上崩溃?

    在写项目的时候 我遇到了一个奇怪的问题 这是我为重现问题而编写的最少代码 我故意存储一个实际的字符串来代替其他东西 并分配了足够的空间 include
  • SwiftUI:如何增加可以触发按钮的区域?

    如何在不更改 UI 的情况下增加按钮可以触发的区域 这是我的代码 struct ContentView View var body some View NavigationView Text Text navigationBarTitle
  • 如何移动 Atomikos 的 tm.out 和 *.epoch 文件的位置?

    我正在运行一个使用 Atomikos 的 J2SE 应用程序 它将大量日志文件转储到当前目录 我想将这些文件的位置移动到 tmp 但我找不到可以在 Spring XML 配置文件中设置的配置属性 Atomikos 文档引用了一个属性 com
  • 从 R 中的 Excel 文件中提取超链接

    如何在 Excel 中获取包含超链接文本的单元格并提取超链接部分 我发现了一种超级复杂的方法来提取超链接 library XML rename file to zip my zip file lt sub xlsx zip my excel
  • Django Rest框架中的HTTP 403

    所以我有一个基于函数的视图 与 Django Rest 框架一起使用 如下所示 from rest framework permissions import IsAuthenticated from rest framework decor
  • Vim、NERDtree 在会话恢复中未恢复

    当我有一个 NERDtree 面板并保存一个 Vim 会话 mksession 文件名 然后打开该会话 vim S 文件名 时 该面板会打开并标记为 NERDtree 但不会填充 如果我从命令行尝试 NERDtree 窗口确实会填充 但现在
  • 如何在 group_concat() 中使用 sum()?

    问题已修改 真的想要一个 group concat 的总和 表 商店 shop id name state 0 shop 0 5 1 shop 1 5 2 shop 2 5 3 shop 3 2 表 项目 shop item quantit
  • 在 C# 中打印 excel(使用 Spreadsheetgear 生成)

    在 C 中 我正在生成特定格式的 Excel 我必须在 click print 上打印相同的 Excel 格式 P s Microsoft Office 不可用 请使用 SpreadSheetGear 来实现此目的 如果您有 UI 并且正在
  • MySQL 表的交错行

    我有一个包含数据和类的表 例如 DATA Class 1 A 2 A 5 B 10 A 2 A 45 B 90 B 我想将这两个类交错以获得如下内容 DATA Class 1 A 5 B 2 A 45 B 2 A
  • Symfony2 Forms - 如何在表单构建器中使用参数化构造函数

    我正在学习使用 Symfony2 在我读过的文档中 与 Symfony 表单一起使用的所有实体都有空的构造函数 或者根本没有 例子 http symfony com doc current book index html http symf
  • 扩展方法什么时候会中断?

    我们目前正在讨论 NET 中的扩展方法是否不好 或者在什么情况下扩展方法可能会引入难以发现的错误或以任何其他方式出现意外行为 我们想出了 为不受您控制的类型编写扩展方法 例如 使用 GetTotalSize 扩展 DirectoryInfo
  • Comparer 类的用途是什么?

    其目的是什么Comparer
  • Dart 包 - 如何隐藏公共类中的内部方法?

    我正在开发一个关于 Flutter 的包 我在类中有一些方法仅对包本身有用 对导入我的包的程序员没有用 是否可以在公共类中隐藏这些方法以进一步实现 我正在尝试使用 internal注释 但我仍然可以看到标记为包外部内部的方法 Example
  • Java 中的枚举是否允许有 setter?

    我有一个enum它有一个参数 字段 是String 我可以在这个领域拥有二传手吗 public enum Blah Monday a Tuesday b private final String letter Blah String let
  • 对 csv 文件进行排序

    我有一个 csv 文件 需要对其进行排序 该文件如下所示 ID Name Surname Age Salary 1 John Asben 33 1000 2 Adam Smith 22 1200 3 Amanda J 22 2000 4 G
  • 扩展程序和小书签的内容安全策略

    Github有以下内容内容安全政策 https w3c github io webappsec specs content security policy 内容安全策略 默认 src 脚本 src asset cdn github com
  • 无法在 Yosemite DP 7 上安装 Cocoapods

    我在安装在单独分区上的 Yosemite DP 7 上安装 Cocoapods 时遇到问题 我已经尝试按照上找到的说明进行操作Cocoapods 与 Xcode 6 和 10 10 Yosemite https stackoverflow
  • 使用 JavaScript 获取 div id

    这是一些 HTML div class results div something div div something else div div blah blah blah div div etc div div 现在如果我可以使用 jQ