jquery获取点击元素的id

实现方法1：使用jQuery的click事件监听器，通过$(this)获取到被点击的元素，然后使用attr("id")获取到元素的id。

$(document).ready(function() {
   $("button").click(function() {
      var id = $(this).attr("id");
      console.log("被点击的元素id是：" + id);
   });
});

实现方法2：使用jQuery的on方法绑定click事件，通过event参数（e）的currentTarget属性获取到被点击的元素，然后使用id属性获取到元素的id。

$(document).ready(function() {
   $("button").on("click", function(e) {
      var id = e.currentTarget.id;
      console.log("被点击的元素id是：" + id);
   });
});

实现方法3：使用原生JavaScript的addEventListener方法绑定click事件，通过event参数（e）的target属性获取到被点击的元素，然后使用id属性获取到元素的id。

$(document).ready(function() {
   var buttons = document.querySelectorAll("button");
   buttons.forEach(function(btn) {
      btn.addEventListener("click", function(e) {
         var id = e.target.id;
         console.log("被点击的元素id是：" + id);
      });
   });
});