jQuery中的鏈式選擇器

Question

我有一個Rails表單，它有許多表格。其中一個表具有可通過其ID如下訪問感興趣的下拉元素：

$('#contract_contract_phases_attributes_0_ngl_price_term') 

我顯示/隱藏基於在它選擇的價值，這是沒有問題的另一要素。麻煩的是：元素的表頭行有'th'元素，我需要顯示/隱藏它。我能到父表元素，像這樣：

$('#contract_contract_phases_attributes_0_ngl_price_term').closest('table') 

不過，我努力的目標，需要給它一個類的price_term「的藏頭件（次）。所以，我想最近的元素進一步縮小這個個元素，像這樣：

$('#contract_contract_phases_attributes_0_ngl_price_term').closest('table th.price_term') 

但是，這是行不通的。有沒有一種方法可以定位這個頭元素？

Answer 1

.closest()只看父母，祖父母，曾祖父母等等 - 只在DOM中向上。

.find()只看兒童，孫輩等 - 它向下穿過DOM。

因此，你要（.closest()）上表中，然後向下（.find()）到th.price_term：

$('#contract_contract_phases_attributes_0_ngl_price_term') 
    .closest('table') 
    .find('th.price_term') 

Answer 2

工作的呢？

$('#contract_contract_phases_attributes_0_ngl_price_term').closest('table').find('th.price_term')