Javascript 仅更新表的一个单元格

Javascript 仅更新表的一个单元格,javascript,events,html-table,Javascript,Events,Html Table,我创建了一个3x3表。每一列都是使用一个函数生成的。该函数基本上返回一个“td”元素。否则,在代码中,我会根据某些条件触发事件。每当触发事件时,我都要更新表中的一个特定单元格。所有单元格都没有附加ID。 我的问题是如何将我希望更新的“td”与活动联系起来 我没有单独提到这个td的特定上下文。如果您没有使用任何其他工具,如jQuery,我的方法可能是查找表,我认为您可以使用Javascript来完成。然后为表中的每个td元素注入一个唯一的类。你可以给他们一些数字或者简单的东西。假设编号从未更改,那

我创建了一个3x3表。每一列都是使用一个函数生成的。该函数基本上返回一个“td”元素。否则,在代码中,我会根据某些条件触发事件。每当触发事件时,我都要更新表中的一个特定单元格。所有单元格都没有附加ID。 我的问题是如何将我希望更新的“td”与活动联系起来


我没有单独提到这个td的特定上下文。

如果您没有使用任何其他工具,如jQuery,我的方法可能是查找表,我认为您可以使用Javascript来完成。然后为表中的每个td元素注入一个唯一的类。你可以给他们一些数字或者简单的东西。假设编号从未更改,那么现在就可以轻松地在代码中查找td元素,而无需保留对所需td元素的引用


不用添加类,只需获取表中的所有td元素,如果知道第4个元素始终是所需的单元格,则只需保留对该td元素的引用。

无需使用jQuery或任何东西,您可以使用DOM选择器,例如.childNodes(并进行迭代,直到您满意为止)、.lastChild、.firstChild、,.parentNode等

让您了解一些示例


尽管如此,如果您经常使用它,请在JS中动态创建ID。与遍历所有表(使用.childNodes)一样,为每个td分配一个ID(如row1-col2)。它将简化其余的代码。

下面是一个JSFIDLE,向您展示如何使用jQuery:


您使用的是jQuery还是其他Javascript工具集?您可以在jQuery中使用高级选择器(如第n个子元素)将路径指向正确的元素。