Найти элемент с наименьшим количеством детей?

Question

Как использовать jQuery для поиска элемента (tr) с наименьшим количеством детей (td) в моем столе?

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 переменной, хотя.