jquery获取树末的最后一个元素

Question

如果我有这样的结构：

<div>
  <div>
    <div>blah
    </div>
  </div>
</div>


<div>
  <div>
    <div>
      <div>blah
      </div>
    </div>
  </div>
</div>

是否有jquery来定位最深的元素（blahs所在的位置）？

Answer 1

这将选择任何没有任何子元素的内容：

http://jsfiddle.net/YWARr/

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

Answer 2

$('div').each(function () {
    if ($(this).children().length == 0) {
        //do something
    }
})

Answer 3

一些递归的jQuery：

$(document).ready(function(){
    alert(deepest($("div:first")).html());

    function deepest(f){
        if(f.find("div").length)return deepest(f.find("div"));
        else return f;
    }
});

获取第一个没有子项的DIV从你传递给Deepest的任何内容开始

JSFiddle