javascript - 根据函数参数将 CSS 值存储在 var 中，然后对其进行操作

Question

我有几个元素想通过 CSS 属性“max-width”在“.hover”事件上进行操作。然而，它们都有不同的值，例如一个是 25%，另一个是 60%，我更愿意创建一个函数来接收给定元素，存储它的最大宽度值，然后稍后在动画中使用它而不是而不是为所有可能的场景创建多个函数或代码行。这是我所说的伪代码的示例

function Hover (element) {
    var maxwidth = $(element).css({'max-width': 'value'}); //something like this perhaps?
    $(element).hover(
        function () {
            $(this).animate({'max-width': maxwidth + 5%}, "slow"); //actually use the var in the css call
        },
        function () {
            $(this).animate({'max-width': maxwidth(original value)}, "slow"); //then restore the original value 
        }
    ); 
}

希望我正在尝试做的在这里有意义。任何帮助，将不胜感激。 谢谢!

Answer 1

这就是你获取值(value)的方式

var maxwidth = $(element).css('max-width');

也许对于收集你将不得不使用 $.each

var collection = [];
$(element).each(function(){
   collection.push($(this).css('max-width'))
});