javascript - 使用 rowIndex 和 cellIndex 更改表格单元格中的文本

Question

我得到了一行的索引。列数是静态的，所以我知道在哪一列放什么，但我想要的是能够使用 onclick 事件处理程序来更改特定单元格中的内容。应用了此 onclick 事件的元素位于表格之外，其中包含我要从中复制内容的所有文本输入。一个简单的例子

<table id="table1">
<tr>
<td>SomeText</td>
<td>SomeOtherText</td>
</tr>
<tr>
<td>SomeText2</td>
<td>SomeOtherText2</td>
</tr>
</table>

<div id="box1">
<form>
<input type="text" name="newText"/>
<input type="button" onclick="?" />       
</form>
</div>

Answer 1

您可以使用类似以下内容进入此特定单元格:

$('#table1 tr:eq(1) td:eq(1)')

此处它将选择第二行的第二列(从 0 开始计数)。

然后您可以使用 jQuery.text() 或 jQuery.html()。

您可以执行以下操作:

<table id="table1">
<tr>
<td>SomeText</td>
<td>SomeOtherText</td>
</tr>
<tr>
<td>SomeText2</td>
<td>SomeOtherText2</td>
</tr>
</table>

然后在您的 onclick 方法中，您可以执行以下操作:

$('#table1 tr:eq(1) td:eq(1)').text("Whatever text you want");

或

$('#table1 tr:eq(1) td:eq(1)').html("Whatever text you want");