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

时间:2014-05-01 08:54:23

标签: javascript jquery html css

如何阻止.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

1 个答案:

答案 0 :(得分:1)

简单地连接值:

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

DEMO: http://jsfiddle.net/qET8N/1/