jQuery 從 td 獲取所在 tr 的第一個 td 及索引

場景

已有 `` 節點 (如 `this` 在事件中)，需找到所在行的第一個 `` 及該 `` 是第幾個。

解決方案

// 假設 $td 是目標 td 的 jQuery 對象
var $tr = $td.closest('tr');           // 找到祖先 tr
var $firstTd = $tr.find('td:first');   // 第一個 td
var index = $td.index();               // 在 tr 中所有 td 中的索引 (0-based)
var indexInAll = $td.index('td');      // 同上
// 或原生
var firstTd = $td[0].parentNode.querySelector('td');
var index = Array.from($td[0].parentNode.children).indexOf($td[0]);

關鍵方法

• `.closest('tr')`：向上查找最近的 `tr` 祖先。
• `.find('td:first')` / `:first-child`：獲取第一個 `td`。
• `.index()`：在兄弟節點中的索引。

參考

jQuery 遍歷 API 速查