javascript - 使用onclick函数获取被点击的元素jquery

Question

我有一个按钮:

<button id="my-button" type="button" onclick="action()">press me</button>

我想在“操作”功能中获取按钮的 ID(“我的按钮”)。

我试着用:

var id = $(this).id;
var id = $(this).attr('id');

我尝试从 dom 发送对象:

<button id="my-button" type="button" onclick="action(this)">press me</button>

它没有工作...

如何获取ID？

Answer 1

你需要接受参数

function action(elm) {
  alert(elm.id)
}

<button id="my-button" type="button" onclick="action(this)">press me</button>

但是，由于您使用的是 jquery我建议您使用它来绑定(bind)事件。

$(function() {

  $('#my-button').on('click', function() {
    alert(this.id);
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="my-button" type="button">press me</button>