在jQuery中选择最深的孩子

Question

在jQuery中选择最深的孩子是否有一种廉价的方法来选择元素中最深的子元素？例：<div id="SearchHere">   <div>     <div>       <div></div>     </div>   </div>   <div></div>   <div>     <div>       <div>         <div id="selectThis"></div>       </div>     </div>   </div>   <div>     <div></div>   </div></div>

Answer 1

此版本处理没有子节点并返回目标本身的情况。

 (function($) {

    $.fn.deepestChild = function() {
        if ($(this).children().length==0)
            return $(this);

        var $target = $(this).children(),
        $next = $target;

        while( $next.length ) {
          $target = $next;
          $next = $next.children();
        }

        return $target;
    };}(jQuery));