如何獲取當前頁面父級的父級 ID？jQuery 實作教學

在網頁開發中，經常需要透過 JavaScript 或 jQuery 獲取 DOM 元素的祖先節點 ID。許多初學者嘗試使用 find() 方法卻發現無法取得預期結果，主要原因在於語法錯誤與方法選用不當。

常見錯誤分析

原始程式碼可能類似這樣：

alert($('#{$ReplaceModelID$}').parent().parent().find('id'))

這裡有三個關鍵問題：

• alert 反引號內多餘的逗號導致語法錯誤
• 若 ReplaceModelID 是字串，需用 $('#{$ReplaceModelID$}') 轉為 jQuery 物件
• 獲取屬性值應使用 attr('id') 而非 find()

正確寫法

alert($('#{$ReplaceModelID$}').parent().parent().attr('id'))

這行代碼會：

1. 選取目標元素
2. 透過兩次 .parent() 往上兩層
3. 取得該祖先元素的 id 屬性值

補充提示

若需獲取更上層祖先，可鏈式呼叫多次 .parent()，或使用 .parents() 搭配選擇器精準定位。記得幫有幫助的回答標記「已解決」喔！