css/jquery - 將所有元素邊距值提取到一個變量中

有沒有簡單的方法來做下面這個jquery系列來提取每個邊距值。css/jquery - 將所有元素邊距值提取到一個變量中

var x = jQuery('#widget-container').css('margin-top'); 
var y = jQuery('#widget-container').css('margin-bottom'); 
var z = jQuery('#widget-container').css('margin-right'); 
var a = jQuery('#widget-container').css('margin-left');

來源

2014-07-07 user3752771

您可以使用CSS margin分別直接得到top, right, bottom and left保證金。

var margin = jQuery("#widget-container").css("margin"); 
alert(margin);

Demo

編輯：以上的jQuery可能會或可能不會工作在Firefox，因爲如果CSS屬性（在這種情況下緣）的元素明確的CSS沒有設置，它不支持速記CSS的財產。爲了實現在Firefox一樣，我們可以做以下解決方法：

var marginArray = ['Top','Right','Bottom','Left']; 

for(var i=0;i<marginArray.length;i++) 
{ 
    alert(jQuery("#widget-container").css("margin"+marginArray[i])); 
}

JSFiddle for Firefox

來源

2014-07-07 10:05:16

每個邊距單獨設置時不起作用。 – qtgye

你有沒有檢查我的jsfiddle？ –

它什麼也沒有顯示。 – qtgye

-1

你可以做這樣的事情，

var =$("#widget-container").css("margin").split(" ");

返回值將是按以下順序：top, right, bottom, left在數組中。

Fiddle

來源

2014-07-07 10:03:07

downvoter請評論的原因.. –

當每個保證金獨立設置它不工作。 – qtgye

@jacelysh你甚至檢查小提琴嗎？ –

css/jquery - 將所有元素邊距值提取到一個變量中

回答

相關問題