如何使用Jquery获取按钮的id值？

Question

我有一个动态创建的编辑按钮的表.按钮的ID是附加表内容id的字符串.

即: <input id='edit'+id type='button' value='Edit' onclick=edit(this.id) />

如何使用jquery获取按钮的ID(= edit + id)值.

谢谢.

Answer 1

您必须获得输入元素的引用.然后,打电话

reference.attr('id');

如果它有一个类,例如inputClass,你可以这样做:

var reference = $(".inputClass");

这是我如何处理你的特殊情况.你有:

<input id='edit1' type='button' value='Edit' onclick=edit(this.id) />
<input id='edit2' type='button' value='Edit' onclick=edit(this.id) />
<input id='edit3' type='button' value='Edit' onclick=edit(this.id) />

我会替换它:

<input id='edit1' type='button' value='Edit' class='inputClass'/>
<input id='edit2' type='button' value='Edit' class='inputClass'/>
<input id='edit3' type='button' value='Edit' class='inputClass'/>

然后,在您的页面中的任何位置,您编写这段代码:

$(document).ready(function() {
   $('.inputClass').each(function() {
      $(this).click(function(){
          var id = $(this).attr('id');
          //Do whatever the edit function should do with the id
      });
   });
});

这会为调用编辑功能的每个元素绑定一个函数...