仅更新表的一个单元格

时间:2011-07-27 14:46:20

标签: javascript events html-table

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

我没有特定的上下文仅涉及此td。

3 个答案:

答案 0 :(得分:2)

如果你没有使用任何其他工具,比如jQuery,我的方法可能是找到我认为你可以用Javascript做的表。然后对于表中的每个td元素,为它们注入一个唯一的类。你可以给他们数字或简单的东西。假设编号永远不会改变,您现在可以轻松地在代码中查找td元素,而无需保留对所需td元素的引用。

您可以只获取表中的所有td元素,而不是添加类,如果您知道第4个元素始终是您想要的单元格,那么您可以保留对该td元素的引用。

答案 1 :(得分:2)

不使用jQuery或任何东西,你可以使用DOM选择器,如.childNodes(并迭代直到你满意),.lastChild,.firstChild,.parentNode等。

This link将向您介绍一些示例。

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

答案 2 :(得分:1)

这是一个jsFiddle,向您展示如何使用jQuery:

http://jsfiddle.net/HzBFE/