Question

有一种简单的方法可以在下面执行这一系列的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');

Answer 1

您可以直接使用margin css获得top, right, bottom and left页边距。

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

<强> Demo

编辑：上面的jQuery可能会或可能不会在firefox中工作，因为如果css属性（在这种情况下为margin）没有明确地在元素的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

Answer 2

你可以这样做，

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

返回值将按以下顺序排列：数组中的top, right, bottom, left。

Fiddle

css / jquery - 将所有元素边距值提取到一个变量中

2 个答案: