.parent().parent().parent()对.closest("li")

Question

在搜索DOM时，哪个更好？

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

或

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

假设父<li>总是在上面的3个元素上。

Answer 1

.closest()

• 更高的关注点分离--不会因为细微的结构变化而破坏行为(JS) --也就是说，将目标元素包装在<div>或<span>中以进行样式设计；
• 可读性-更清楚地指明最终目标(共同祖先)；
• 干/短码

Answer 2

当我投票赞成结束(主要是基于意见的)时，我总是建议使用closer()，这既是为了可读性，也是因为它将代码从DOM的精确结构中抽象出来；因此，将起始元素封装在另一个元素中不会导致它中断，也不会删除包装元素。