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
      });
   });
});

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

Answer 2

 var id = $("td input[type='button']").attr('id');

选择器显示“TD内的输入按钮” 或

 var id = $("td input[id^='edit']").attr('id');

选择器显示“输入元素的ID以TD中的'edit'开头”

或者你可以走完全路：

 var id = $("td input[type='button'][id^='edit']").attr('id');

选择器显示“输入按钮，其ID在TD中以'edit'开头”

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

2 个答案: