使用jQuery获取叶节点的最有效方法是什么？

Question

如何从DOM获取所有叶子节点，比方说div？我想要一个最佳解决方案，如果没有简单而神奇的选择器。我想过使用“reachElem.find（'div'）。length == 0”但我不确定这是不是正确的方向。有什么想法吗？

Answer 1

您可以使用以下选择器

$('div:not(:has(*))')

上方选择器将选择所有没有孩子的DIV。

Answer 2

如果你真的想要一些有效的东西，请避免使用复杂的:not(:has(*))选择器：

$("div").filter(
   function(index) {
      var isLeaf = $(this).children().length === 0;
      return isLeaf;
   }
);

我发现它的效率是eHussain建议的两倍，甚至更快。