Javascript 单击时增量缩放对象

我试图让一个div随着每次点击而增长。不确定如何在for循环中合并转换

JavaScript

$(function(){
  $("#heart").click(function(){$(this).toggleClass("active")})
})

CSS

div {
 transition: all 2s ease-out;
}

div.active {
 transform: scale(2,2);
}

---

这基本上就是我目前所拥有的，因为我不知道循环是如何工作的。

这可能有助于您使用

ES6模板文本


$（函数（）{
var i=1；
$（“#心”）。单击（函数（）{
i++；
$（this.css）({
转换：`scale（${i}，${i}）`
});
})
})
div{
过渡：所有2放松；
边框：1px纯红；
显示：内联块；
填充物：5px；
变换：比例（1,1）；
}

测试
你能告诉我们到目前为止你做了什么吗？你能在你的问题中发表它吗。。并添加相关的html代码。欢迎使用堆栈溢出。你已经试过做什么了？请复习。堆栈溢出不是编码服务。您需要研究您的问题，并在发布之前尝试自己编写代码。如果您在某些特定问题上遇到困难，请返回并包含一个示例和您尝试过的内容的摘要，以便我们提供帮助。停止思考“循环”，您不需要循环，只需要单击处理程序。
scale（${i}，${i}）
值得注意的是，这些是模板文本，是ES6的一个功能，因此在某些旧浏览器中可能无法工作。