javascript - jQuery CSS 设置子元素的比例而不改变翻译

Question

如何防止 .css("-webkit-transform", ... 删除元素的现有翻译？

HTML 和 CSS:

<div class="parent">
    <div class="child" style="-webkit-transform:translate(10px,60px) scale(0.6);"></div>
    <div class="child" style="-webkit-transform:translate(80px,12px) scale(0.4);"></div>
</div>

jQuery:

$(".parent").children(".child").css("-webkit-transform", "scale(0.9)");

JSFIDDLE

Answer 1

简单地连接值:

$(".parent").children(".child").css("-webkit-transform", function(i, value) {
    return value + " scale(0.9)";
});

演示: http://jsfiddle.net/qET8N/1/