получить все селекторы внутри 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

Попробуйте:

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

Answer 3

jQuery имеет ширина и высота методы для этого