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>

它不起作用......

我怎样才能获得身份证？

Answer 1

您需要接受参数

＆＃13;

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

＆＃13;

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

＆＃13;

但是，当您使用jquery时，我建议您使用它绑定事件。

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

在你的jquery代码中设置onclick事件，现在正在做的是旧样式，并且在少数浏览器中被弃用（很多在移动浏览器中）。

因此，从HTML元素中删除onlclick事件的绑定，并添加jquery，如下所示。

$(function() { //document ready event

  $('#my-button').on('click',function() {
    var id = $(this).attr('id');
    alert(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>

Answer 3

<button id="1" onClick="reply_click(this.id)">Button</button>

<script type="text/javascript">
function reply_click(clicked_id)
{
    alert(clicked_id);
}
</script>

使用onclick函数获取单击的元素jquery

3 个答案: