重新分配属性，无需原值

Question

目前，我正在改变使用jQuery像不同的元素属性的重复：

// increase original value with 20%. 
$('#view_port .scroll_container').width(1.2 * $('#view_port .scroll_container').width()); 

或

// increase orignal value with 10 * padding value. 
$('#view_port .scroll_container').width(10 * padding + $('#view_port .scroll_container').width() + 5 * padding); 

在我知道我能做些什么大多数编程语言像

width *= 1.2; 

或

width += padding* 10; 

jQuery/JavaScript是否提供类似的构造来轻松更改属性值？

Answer 1

因为jQuery的1.4.1，你可以通过一个函数来width()，它得到的电流值作为第二个参数：

$('#view_port .scroll_container').width(function(i, width) { 
    return 1.2 * width; 
}); 

Answer 2

做在jQuery是一个函数传递给width()最接近的方式：

$('#view_port .scroll_container').width(function(index, width) { 
    return 1.2 * width; 
}); 

或者：

$('#view_port .scroll_container').width(function(index, width) { 
    return 10 * padding + width + 5 * padding; 
});