javascript - 如何获取点击元素的 en id jquery

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;
});

如果您需要为所有.button 元素设置click 事件，这里是一个简短的方法:

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