我如何从行css中选择一些属性值

时间:2012-04-20 00:29:42

标签: jquery css

<ul><li><div id="top" style="margin-left:58px;">it is a div</div ></li></ul>

如何使用jquery从给定的内联css中获取margin-left(85px)的值。在这里我可以访问style属性的值为(margin-left:58px;)。但我只需要85作为整数值,所以我可以用它来对它应用一些算术运算。然后我想在它上面应用相同的css,其中不同的margin-left值为(85乘以2.5)。所以我如何获取价值以及如何在其上应用css。

3 个答案:

答案 0 :(得分:0)

你可以这样得到div的左边距:

 $("#top").css("margin-left");

答案 1 :(得分:0)

这应该有效:

$('#top').css('margin-left', function(index, value){
    return parseInt(value, 10) * 2.5;
});

这意味着:获取margin-left样式,将其解析为整数值(使用radix = 10),将其乘以2.5,然后将值返回到元素。

答案 2 :(得分:-1)

$(document).ready(function(){
  //grab the value of style for id top
  var value = $('#top).attr('style');
  alert(value);
});