Как использовать jQuery, чтобы получить объединенную ширину DIV в контейнере и передать это значение другому элементу? - PullRequest
Новая
       16

Как использовать jQuery, чтобы получить объединенную ширину DIV в контейнере и передать это значение другому элементу?

3 голосов
/ 01 марта 2011

Я надеюсь использовать jQuery, чтобы получить общую ширину всех DIV в контейнере и установить эту ширину для тела.

Полагаю, мне нужно что-то с эффектом 

$('#container > div').width().[mulitply by quantity of DIVs in container].[set this result to body width]

К сожалению, просто набирать строки того, что я хочу, недостаточно хорошо! Может ли кто-нибудь указать мне правильное направление?

Любая помощь приветствуется!

1 Ответ

7 голосов
/ 01 марта 2011

Это может выглядеть так: 

var overall_width = 0;

$('#container > div').each(function(index, elem) {
    var $elem = $(elem);
    overall_width += $elem.outerWidth() + parseInt($elem.css('margin-left'), 10) + parseInt($elem.css('margin-right'), 10);
});

$(document.body).width(overall_width);

Это добавит ширину всех дочерних элементов div node вместе с полем (если есть) и, наконец, установит width из document.body.

.
...