我該如何編寫一個變量來使用Jquery調用頁面上所有元素的所有邊距？

Question

標題非常多說這一切，我duno如果這是基本或先進的，但我需要一個變量，將是頁面上的每個元素的所有頂部和底部邊距的總和，具有餘量。我不需要左手或右手。這可以輕鬆完成嗎？

Answer 1

試試這個：

function sumMargins() { 
    var total = 0; 
    $("*").each(function() { 
     var top = parseInt($(this).css("marginTop")); 
     var bottom = parseInt($(this).css("marginBottom")); 
     total += (top + bottom); 
    }); 
    return total; 
} 

見this fiddle.

Answer 2

var x = 0; 

$('*').each(function() { 
    x += parseInt($(this).css('margin-top')); 
    x += parseInt($(this).css('margin-bottom')); 
}); 

alert(x); 

Answer 3

這裏是工作提琴：

http://jsfiddle.net/jonigiuro/qQ6sB/

function allMargins() { 
    var total = 0; 
    $('.container *').each(function(i) { 
     var currentTop = parseInt($(this).css('margin-top')); 
     var currentBottom = parseInt($(this).css('margin-bottom')); 
     total = total + currentTop + currentBottom; 
    }); 
    return total; 
} 

alert('The total of the margins is: ' + allMargins()); 

我添加了一個.container DIV限制*選擇器，否則它也會包含html和body標籤，這些標籤對邊距不一致（我有8個像素）。上述

的解決方案更快，但這是更加牢固。