2012-02-29 57 views
0

我正在通过ajax更新页面,所以我正在动态创建(文本)按钮。我知道如何设置onclick事件,但是如何获得处理程序中按钮的ID?获取按钮处理程序中按钮的id javascript

在ruby和jquery 1.5中使用sinatra。 下面是部分代码:

<div onclick='my_handler()' ><a><href>[Edit]</href></a></div> 

和JS代码:

function my_handler(){ 
    alert ("button id is ...") 
} 

感谢

+0

什么按钮?我的例子中没有看到任何按钮元素。 – j08691 2012-02-29 20:05:49

+0

你应该刷上你的html。 'href'不是标签,而'div'没有'id'参数 – Mikhail 2012-02-29 20:20:23

回答

5
alert ("button id is " + this.id); 

既然你你已经在使用jQuery的说,请你分开HTML和JS:

<div class="edit"> 

$('div.edit').on('click', function() 
{ 
    alert ("button id is " + this.id); 
}); 
+0

谢谢,这有帮助,但我没有正确解释。上面的解决方案只工作一次,但是当我重新加载表单时,使用AJAX,它不再起作用。这就是为什么我动态添加'onclick'属性的原因。 'onclick'解决方案在重新加载后工作,我只是不知道如何获得id。那有意义吗?我的术语可能是错的,在这里,我是一个新手。谢谢您的帮助。 – dt1000 2012-02-29 21:50:37

+0

即使您动态构建HTML,'.on()'解决方案也能正常工作。 – 2012-02-29 23:02:53