jquery - 点击获取元素ID

标签 jquery html

我的代码中有几个可折叠部分,我使用 jQuery 实现了这些部分。

像这样:

<h2 class="expand">Link1</h2>
                <div class="collapse">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 
                    et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip 
                    ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore 
                    eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa 
                    qui officia deserunt mollit anim id est laborum.</p>                
                    <p class="top"><a href="#content">Top of page</a></p>
                </div>

还有几个与上面的代码相同的部分。

我想在单击时获取每个标题的 ID。比如说,当我点击“Link1”时,我希望弹出它的 ID。

我已经定义了在弹出窗口中显示id的函数。在这里:

 $(document).ready(function () {
        $("a").click(function (event) {
          alert(event.target.id);
        });
  });

每当我运行该应用程序并单击(比如)“Link1”时,我都会得到一个空白输出。为所有链接声明单独的类似乎是一种选择,但我想以其他方式进行。 任何人都可以就如何获取这些元素的 ID 提出任何替代方案吗?

最佳答案

您提供的标记表明您没有为这些元素指定 id。尝试给他们一个 ID,如下所示:

<a id="contentLink" href="#content">Top of page</a>

然后你可以这样做:

 $(document).ready(function () {
    $("a").click(function (event) {
        alert($(this).attr("id"));
    });
 });

编辑:或者如果当您说“ID”时,您实际上指的是 href(因为您的标记具有 href 属性),那么您可以:

$(document).ready(function () {
    $("a").click(function (event) {
        alert($(this).attr("href"));
    });
 });

关于jquery - 点击获取元素ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10497593/

相关文章:

jquery - 通过访问变量重构类似的函数

jquery - 如何自定义 Bootstrap 模式,如 tinybox js 弹出窗口

jquery - 与 viewmodel MVC 5 一起传递额外参数

ASP.NET MVC + jQuery + IIS6 : Multiple Ajax requests

jquery - 仅在 firefox 上重新加载后显示文本

javascript - 我真的很难使用 javascript 让我的 json 数据显示在表格中

javascript - 使用 jquery mobile 使用纬度和经度显示 map 位置

php - 为什么我不能在我的 PHP 文件中使用 AJAX 发布我的 JSON 数据?

html - VSCode Emmet 标识不能正确处理 Svelte 文件

javascript - XML 表达式中缺少 }