Question

哎，我试图用jquery选择更改单元格的内容，但我似乎无法让它工作。假设我们有这张表：

<table border="1">
<tr>
<td>cell 1
<td>cell 2
<td>cell 3
<tr>
<td>cell 4
<td>cell 5
<td>cell 6 <a onclick="javascript:$(this).parent().parent().('td').html('test');">Click</a>
<tr>
<td>cell 7
<td>cell 8
<td>cell 9
</table>

我想从单元格6中更改单元格4的内容。（'td'）显然不起作用。如何在不使用类或ID的情况下从单元格6访问单元格4？提前谢谢

Answer 1

你会想要这个，因为你想要一个，然后两个。

$(this).parent().prev().prev().html('test');

或者像这样：

$(this).parent().prevAll(':last').html('test');

或者这个：

$(this).parent().siblings(':first-child').html('test');

...或者你可以在没有jQuery的情况下轻松完成：

this.parentNode.parentNode.cells[0].innerHTML = 'test';

Answer 2

将javascript更改为：

$（本）.parent（）的父（）的儿童（ 'TD'）当量（0） html的（ '试验'）;。。。

这将获取表行（单元格4）的第一个子td，并设置HTML。

Answer 3

如果您要更改表格中的第4个<td>，您可以转到closest表格，然后find内的第4个<td>。然后你可以改变它的HTML。

$(this).closest('table').find('td:eq(3)').html('test');

Live Example

从另一个单元格更改单元格的内容

3 个答案: