jquery - 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”类来定位需要隐藏的标题元素(th)。所以我试图进一步缩小与该元素最接近的元素，如下所示:

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

但是，这不起作用。有没有办法可以定位这个标题元素？

Answer 1

.closest() 仅查看 parent 、祖 parent 、曾祖 parent 等 - 仅在 DOM 中向上查找。

.find() 仅查看子项、孙子项等 - 它通过 DOM 向下查找。

因此，您希望向上 (.closest()) 到达表格，向下 (.find()) 到达 th.price_term:

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