找到最少孩子的元素？

Question

我如何使用jQuery在我的表格中找到子女数量最少（td）的元素（tr）？

Answer 1

$(document).ready(function(){ 
    var tr = $('tr'); 
    tr.sort(function(a, b) { 
     return $(a).children('td').length - $(b).children('td').length; 
    }); 
    // $(tr).first() is your TR with fewest TDs 
}); 

JSFiddle Example

Answer 2

我可能是封装到一个自定义jQuery的包装方法。

(function($) { 

    // blah with function name 
    $.fn.fewestChildren = function() { 

     var $this = $(this).filter('tr'), 
      bookmark = $this.eq(0) 
      ; 

     $this.not(bookmark).each(function() { 
      var $t = $(this); 
      if (bookmark.children('td').length > $t.children('td').length) { 
       bookmark = $t; 
      } 
     }); 

     return bookmark; 
    }; 

})(jQuery); 

这样我就可以使用，如：

var foo = $('#mytable tr').fewestChildren(); 

我真的很想看到的解决方案，而无需使用一个bookmark变量虽然。