Javascript 如何更改div中的所有字体大小？

首先，我为我的英语道歉。如果编辑纠正了我的错误，我很高兴

这是我的div和内容

<div data-x="182" data-y="201" class="resize-drag" contenteditable="true" id="text-giris2"  style="width: 115px; height: 153px; transform: translate(182px, 201px); position: absolute; text-align: left; overflow: hidden; border: 1px solid black;">
    <u style="font-size: 15px;">asd</u>
    as a<b>sd</b>
    <span>a<span style="color: red; font-size: 18px;">s a</span>sdas a
    <span><span style="font-size: 18px;">sdasd 
    <span style="font-size: 26px;">addddddd</span></span></span></span>
    </div>

自闭症
asd
作为一个
SDADS
加上

---

我想用唯一的名称“text-input2”动态更改div元素中所有字体大小的大小。但未来会发生什么还不清楚。如上所述，像

，

，

这样的标记可以是类似的。我想采取2倍的大小，所有的字体我想做。作为一个例子，我想让

类似地，

在

之后，这样的事情可以只用CSS来完成吗？如果这是不可能的，我将尝试使用Javascript，但我不知道从哪里开始。我在等你的帮助。谢谢。

我在下面提供的代码将循环通过id为

text-giris2的div中包含的所有元素。在每次迭代中，它将采用当前字体大小并将其加倍

$('#text-giris2').children().css('font-size', function(i, current){
    return parseFloat(current) * 2;
});

示例


$（“#容器”）.children（）.css（'font-size'，函数（i，当前）{
console.log（'+$（this.text（）+'的新字体大小为'+parseFloat（当前）*2）；
返回浮点数（当前）*2；
});

你好
世界

福巴
允许JQuery吗？当然可以@TOBYMELLORY您只需要css，或者有更多的可能性？.resize drag u{font size:36px！important}、.resize drag span{font size:36px！important}、.resize drag span:last child{font size:52px！important}div中的元素可能会有所不同。它必须是动态的。因此，对于每一个具有font-size属性的元素。@SahilDhirTy先生，您可以保存我的日期：）为简洁起见，您可以重写为：
$（'#container'）.children（）.css（'font-size'，function（i，current）{return parseFloat（current）*2；}）
由于jQuery的setter方法迭代集合中的每个元素，因此不需要使用
each（）
，匿名函数中的
this
表示当前DOM节点，而
current
变量表示要设置的属性的当前值（在操作之前），或者更新。@DavidThomas就像一个符咒！谢谢你的建议，我不知道这个