得到一个div内的所有选择

Question

我试图让所有的选择，并获得该选择的高度：

var myDiv = $('#main-div').find('*').each(function(e){ 
     return this.id; 
    }); 

    console.log(myDiv); 

我需要的是得到height和每个元素的width内#main-div，并显示到像控制台：

[选择，宽度，高度] ...每个

任何想法？

Answer 1

您可以使用.children()访问DIV中的所有元素，并在他们使用.height()和.width()。像下面的东西应该工作（未经测试），

$.each ($('#main-div').children(), function (index) { 
    console.log ('[' + this.tagName + ',' + $(this).height() + ',' + $(this).width() + ']'); 
}); 

DEMO这里表明它只能访问眼前的儿童，而不是去子元素（一个或多个）内。

Answer 2

的jQuery有宽度和高度的方法来做到这一点

Answer 3

尝试：

var myDiv = $('#main-div').find('*').each(function(e){ 
    console.log("id: " + $(this).attr('id') + ", height:" + $(this).height() + ", width: " + $(this).width() 
});