保存单击整数变量的按钮的ID

Question

我身边有几个按钮，所有按钮都标有ID＆＃34; 1＆＃34; - ＆＃34; 10＆＃34;。我有一个在单击按钮时调用的函数，我想让这个函数读取按钮ID并将其保存为整数变量。这就是我到目前为止所做的：

编辑：我根据答案的建议更新了我的代码。到目前为止没有成功。它没有提醒我身份证。

JS / JQUERY

var transform = function(obj){
   var id = obj.id;
   alert(id);    
}

HTML

<a href="JavaScript: transform(this)" id="b1">

<div class = "test" > </div>
</a>

CSS

 .test {
        position: absolute;
        width: 20%;
        height: 10%;
        background-color: black; 

    }

Answer 1

您需要点击活动 - href与onclick活动不同。理想情况下，您可以为所有这些链接添加一个公共类，然后创建一个简单的处理程序：

<a class="link" id="1">
    <div class="h1">
        <img src="https://placehold.it/256" />
    </div>
</a>

和jQuery

$(".link").click(function(e) {
    console.log(+this.id);
});

Answer 2

刚刚放

  

此

像你这样在你的HTML中

<a onclick="transform(this)" href="http://www.google.com" id="1">

通过这样做，您可以获取被点击元素的js对象，并且可以从中轻松获取任何已使用属性的值。

var transform = function(obj){
        var id = obj.id;
        alert(parseInt(id));
}

Chckout this fiddle