替换单元格内容Jquery

Question

如何替换链接所在的单元格内容并单击它？

<table>
<tr>
   <td>link here</td>
   <td>link here</td>
   <td>link here</td>
</tr>
</table>

例如，单击第二个单元格中的链接应替换第二个单元格内容test第三个链接替换第三个单元格，依此类推。基本上替换链接所在的单元格内容。

Answer 1

这样的事情：

$('table').on('click', 'a', function(event) {
  event.preventDefault();
  $(this).closest('td').html('test');
});

Answer 2

我认为这就是你想要的：

$("td").click(function() {
    $(this).text("test");
});

Answer 3

您必须将jQuery click事件分配给每个单元格：

$(document).ready(function {
    $("td").click(function() {
        $(this).html("test"); // Change the clicked cell content for test
    });
});