javascript - css 属性値は、別の css 属性値に 2 を掛けたものと同じ値になります

Question

jQueryを使用してこの効果を達成しようとしていますが、少し問題が発生しています:

css 属性値に、別の css 属性値を 2 倍した値と同じ値を持たせたいと考えています。

より詳細には、マージンの上端の値を 2 倍した値と同じ値になるように、パーセンテージで設定されたマージン左端の値が必要です。

助けていただければ幸いです。

Answer 1

denlau が言うように、LESS を使用するか、JoshC が言うように、CSS3 プロパティ calc() を使用する必要があります。ただし、jQuery では、次を使用できます。

var element = $('#element'),
  marginTop = parseFloat(element.css('marginTop'));

element.css('marginLeft', 2*marginTop);

jsfiddleの例を確認してください。