获取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(  ) 
});