選択したテーブルが何カラム目からをjavascriptで取得する方法をご紹介します。
まずはテーブルを用意します。
trに「onclick=”関数名(this)”」を付けています。
1 2 3 4 5 6 7 8 |
<span class="hljs-tag"><<span class="hljs-name">table</span>></span> <span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"test(this)"</span>></span> <span class="hljs-tag"><<span class="hljs-name">td</span>>1行目</span><span class="hljs-tag"></<span class="hljs-name">td</span>></span> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span> <span class="hljs-tag"><<span class="hljs-name">tr</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"test(this)"</span>></span> <span class="hljs-tag"><<span class="hljs-name">td</span>>2行目</span><span class="hljs-tag"></<span class="hljs-name">td</span>></span> <span class="hljs-tag"></<span class="hljs-name">tr</span>></span> <span class="hljs-tag"></<span class="hljs-name">table</span>></span> |
javascriptは以下のようになります。
1 2 3 |
<span class="hljs-keyword">function</span> test(<span class="hljs-params">x</span>) { <span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(<span class="hljs-string">"インデックス番号: "</span> + x.<span class="hljs-property">rowIndex</span>); } |
indexは「0」から始まるため、インデックス番号で表示される数字に1を加えると何カラム目なのかがわかります。