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

Question

我有一个带有动态创建的编辑按钮的表格。 按钮的 ID 是一个字符串，附加了 table content 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
      });
   });
});

这为调用您的编辑函数的每个元素绑定(bind)了一个函数...