javascript - 如何使用 $(this) 获取父级

Question

我正在尝试加深对遍历和正确使用 $(this) 的理解。

我理解 $(this) 用于引用上下文。但是，假设我有三个彼此相同的项目(HTML 方面)，并且如果用户单击输入，我希望事件不仅发生在用户选择的项目上，而且能够访问父元素“.item” 也是如此。这样，我可以隐藏 ".item" 中的其他元素，因为上下文将是用户单击的 "input"。

这就是我困惑的地方。当用户单击输入($('input').on('click', doSomething);)时，我仅限于输入的上下文 - 输入内没有任何内容，因此我想访问输入上下文之外的其他元素。

然后我尝试使用 $(this) 来表示我只希望此事件仅针对此项目发生，而不影响所有项目。

这里是一个代码示例:JSFIDDLE

我已经尝试对此进行研究，但找不到有关此类实例的太多信息，因此希望这也能让其他人受益。请随意编辑内容/标题，因为我已尝试尽可能具体。

Answer 1

要获取 jQuery 集中元素的直接父元素:parent 。 (如果你的集合只有一个元素，就像 $(this) 那样，这将为你提供该元素的直接父元素。)

要查找与给定选择器匹配的 jQuery 集中元素最接近的元素，从当前元素开始:closest 。 (如果你的集合只有一个元素，就像 $(this) 那样，这将为你提供与以该元素开头的选择器匹配的第一个元素，然后查看其父元素，然后 parent 等)