javascript - .parent().parent().parent() 与 .最接近的 ("li")

Question

搜索 DOM 时，哪个更好？

var li = el.parent().parent().parent();

或

var li = el.closest("li");

假设父级 <li>总是恰好位于上面 3 个元素。

Answer 1

.closest()

• 更高的关注点分离 - 不会因较小的结构更改而破坏行为 (JS) - 即，将目标元素包装在 <div> 中或<span>用于造型；
• 可读性 - 更清楚地指示最终目标(共同祖先)；
• 干燥/较短的代码。