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

Question

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

我如何margin-left(85px)使用 jquery 从给定的内联 css 中获取值。在这里，我可以将样式属性的值访问为 (margin-left:58px;)。但我只需要 85 作为整数值，因此我可以使用它对其进行一些算术运算。然后我想在其上应用相同的 css，并使用不同的 margin-left 值作为（85 乘以 2.5）。那么我如何获取价值以及如何在其上应用 css。

Answer 1

你可以通过这种方式获得 div 的左边距：

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

Answer 2

这应该有效：

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

这意味着：获取margin-left样式，将其解析为整数值（radix=10），将其乘以 2.5，然后将值返回给元素。

Answer 3

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