Jquery 将文本放大三倍并恢复到初始大小

我有link和div元素。点击链接后，我想放大div中的文本。可以放大文本三倍，第四次大小必须回到初始大小

$（'.biger'）。单击（函数（）{
（“#外包装”）。在（'click'，函数（）{
$（this.css（“字体大小”，“115%”）
});
})

段落

为此，您不需要将点击事件处理程序添加到外包装。相反，保留所需大小的数组和当前单击次数的变量，并根据单击链接的次数更改大小

var大小=[“100%”、“115%”、“130%”、“145%”；
var计数=1；
$（'.biger'）。单击（函数（）{
$（“#外包装”）.css（“字体大小”，大小[计数]）；
计数=（计数+1）%4；
});

段落
为此，您不需要将点击事件处理程序添加到外包装。相反，保留所需大小的数组和当前单击次数的变量，并根据单击链接的次数更改大小


var大小=[“100%”、“115%”、“130%”、“145%”；
var计数=1；
$（'.biger'）。单击（函数（）{
$（“#外包装”）.css（“字体大小”，大小[计数]）；
计数=（计数+1）%4；
});

段落
试试看


这将从0到3循环i，并使用该数字增加缩放级别（100%、115%、130%、145%）

这使得它非常优雅，也更具动态性（您可以更改模后面的4，而无需更改任何其他内容来更改步数，并且增量中的15可以更改每次单击时字体的放大程度。）
试试看


这将从0到3循环i，并使用该数字增加缩放级别（100%、115%、130%、145%）

这使得它非常优雅，也更具动态性（您可以更改模后的4，而无需更改任何其他内容来更改步数，增量中的15可以更改每次单击时字体的放大程度。）
取决于是否需要这些缩放值，你可以用你的计数作为一个系数，而不必保留一个列表。哦，我总是忘记模算子，这是个好主意choice@BenPhilipp是的，这取决于Marcin是否需要文本大小的线性增加。如果它不是线性的，我认为这是更好的，因为你可以把你想要的每一步。如果它是线性的，那么系数可能更好。@spaniol6是的。或者，您可以这样递增：，作为第二次递增，取决于这些缩放值是否是所需的，您可以使用计数作为一个系数，而不必保留一个列表。哦，我总是忘记模算子，这是个好主意choice@BenPhilipp是的，这取决于Marcin是否需要文本大小的线性增加。如果它不是线性的，我认为这是更好的，因为你可以把你想要的每一步。如果它是线性的，那么系数可能更好。@spaniol6是的。或者您可以这样递增：，作为第二次递增，根据用例的不同，使用计数来计算每一步的大小更为优雅+谢谢！在我的例子中，我更喜欢大小数组使用计数来计算每个步骤的大小，这取决于用例+谢谢！在我的情况下，我更喜欢大小的数组
var i=0;
$('.bigger').click(function () {
  i=(i+1) %4;
  $('#outer-wrap').css("font-size", (100+15*i)+"%");
});