计算div元素内的行数

Question

如下图所示，我在div（外部div）中有几个div。我需要计算外部div的行数。在此示例中，行计数为5。

注意：内部div左侧浮动，其内容是动态创建的。

有没有人有任何想法？

Answer 1

也许有些事情如下：

Demo Fiddle

var minLeft = null, rows = 0;
$('div div').each(function () {
    var left = $(this).offset().left;
    if (left <= minLeft || minLeft==null) {        
        rows++;
        minLeft=left;
    }
});
console.log(rows);

Answer 2

尝试这样的事情：

var parentX = $('#containerDiv').position().left;
var rows = 0;

$('#containerDiv div').each(function(){
  if( $(this).position().left == parentX ){
    ++rows;
  }
});

alert('Num of rows: ' + rows );