jquery - 点击获取元素ID

Question

我的代码中有几个可折叠部分，我使用 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 提出任何替代方案吗？

Answer 1

您提供的标记表明您没有为这些元素指定 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"));
    });
 });