Javascript 计算div元素中的行数

Javascript 计算div元素中的行数,javascript,jquery,html,css,Javascript,Jquery,Html,Css,如下图所示,我在一个div(外部div)中有几个div。我需要计算外部div的行数。在本例中,行数为5 注意:内部div向左浮动,其内容是动态创建的 有人有什么想法吗?可能是以下几点: var minLeft=null,rows=0; $('div-div')。每个(函数(){ var left=$(this).offset().left; 如果(左尝试以下方法: var parentX = $('#containerDiv').position().left; var rows = 0; $

如下图所示,我在一个div(外部div)中有几个div。我需要计算外部div的行数。在本例中,行数为5

注意:内部div向左浮动,其内容是动态创建的


有人有什么想法吗?

可能是以下几点:

var minLeft=null,rows=0;
$('div-div')。每个(函数(){
var left=$(this).offset().left;

如果(左尝试以下方法:

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

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

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

你有没有使用插件来创建布局,比如砖石结构?你应该为我们提供html结构。查找类似:
$(“#outerDiv.leftFloatingDivs”)。长度
?@Rory McCrossan我使用的是同位素。希望这有帮助!
var parentX = $('#containerDiv').position().left;
var rows = 0;

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

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