如何在html网格中编辑一行？

Question

我使用以下代码生成了一个网格：

newcontent += "<tr><td class=\"row\">" + a[i][0] + "</td><td>" + a[i][1] + "</td><td class=\"edit\"><img class=\"editrow\" name=\"" + a[i][2] + "\" src=\"../images/1321797859_edit.png\" /><img class=\"deleterow\" name=\"" + a[i][2] + "\" src=\"../images/1321787179_edit-delete.png\" />";

但是当我想使用这个jQuery代码获取一行时：

 $("img.editrow").click(function () {
      alert($("td.row").text());
 });

它将返回该行的所有数字。

Answer 1

这应符合您的要求：

$(".editrow").click(function () {
    alert($(this).closest('tr').find('td.row').text());
});

请参阅示例：http://jsfiddle.net/6PfHP/3/

Answer 2

如果您在页面中有其他td.row可能会发生这种情况

尝试这样

  $("img.editrow").click(function () {
       alert($(this).closest('tr').find("td.row").text());
  });