テーブルの1つのセルのみを更新する

Question

3x3テーブルを作成しました。各列は関数を使用して生成されます。関数は基本的に "td"要素を返します。そうでなければ、コード内でいくつかの条件に基づいてイベントをトリガーします。イベントが発生するたびに、テーブルの特定のセルを1つ更新します。いずれのセルにもIDが付いていません。 私の質問は、私がイベントに更新したい "td"をどのようにリンクできますか？

私はこのtdだけを指す具体的な文脈はありません。

Answer 1

どのようにjQueryを使ってお見せするjsFiddleです：

http://jsfiddle.net/HzBFE/

Answer 2

jQueryのような他のツールを使用していないのなら、私のアプローチは、あなたがJavascriptで行うことができるテーブルを見つけることです。次に、テーブル内の各td要素に対して、独自のクラスを挿入します。数字や何かを簡単に与えることができます。ナンバリングが決して変わらないとすれば、あなたが望むtd要素への参照を保持しなくても、後でコード内のtd要素を簡単に検索することができます。

クラスを追加する代わりに、テーブルのすべてのtd要素を取得するだけで、4番目の要素が常に必要なセルであることが分かっていれば、そのtd要素への参照を保持できます。 jQueryのを使用するか、または何もせずに

Answer 3

は、あなたがそのよう.parentNodeなど.childNodes（とあなたは満足してまで反復）、.lastChild、.firstChild、

This linkいくつかの例を紹介しにつれてDOMセレクタを使用することができます。

これをたくさん使っている場合は、JSで動的にIDを作成してください。すべてのテーブルを一度反復する（.childNodesで）、すべてのtdにID（row1-col2など）を割り当てます。それはあなたのコードの残りの部分を簡素化します。ここで