querySelector 子级到父级

Question

现在我正在开发一个应用程序。我一直在纠结如何选择孩子的父母。

我想做的是单击子项（卡）并与父项（单元格）一起执行某些操作。

有没有一种方法可以查询父项的选择器，例如

const selectedParentFromChild = document.querySelector(".child .parent")

解决方案：
对于那些也曾陷入困境的人。您可以像@Phix 在下面的评论中提到的那样使用parentElement 。

Answer 1

您有两种方法可以做到这一点：

1. 您可以使用Element.parentElement，它返回父元素。

2. 您可以使用Element.closest()。根据MDN：

Element 接口的方法closest()遍历元素及其父元素（指向文档根），直到找到与指定 CSS 选择器匹配的节点。

const child = document.querySelector(".child");
const parentMatched = child.closest(".parent-matched");