如何获得点击元素jquery的en id

Question

我希望将id作为被点击的div的字符串。有可能吗？

HTML

<div id="test">
    <div class='button' id="a" ><p>Click 1</p></div>
    <div class='button' id="b" ><p>Click 2</p></div>
    <div class='button' id="c" ><p>Click 3</p></div>
    <div class='button' id="d" ><p>Click 4</p></div>
</div>

我可以这样做：

  $("#a").click(function() {
      /* do some action with this div */
  });

但我想检测刚刚点击的div的id，因为我会有很多像这样的div，并且一遍又一遍地重写相同的代码是没有意义的。

Answer 1

$("#a").click(function() {
    var id = this.id;
});

如果您需要为所有click元素设置.button事件，请执行以下简短说明：

$(".button").click(function(e) {
    var id = this.id;  // or e.target.id;
});

Answer 2

$("div.button").click(function() {
    console.log(this.id);
});

Answer 3

$(this).attr('id')

会为您提供ID，但如果您想访问div，则可以使用

$(this).parent('div')

如果直接父级是div，则只会返回，如果想要查找，则可以使用

$(this).parents('div')