时间戳

首页 > 解决方案 > 仅在应用程序中动态更改特定的字体大小

javascript - 仅在应用程序中动态更改特定的字体大小

问题描述

我正在用 asp.net C# 创建一个 Web 应用程序，

我有 50/60 页和 4/5 母版页，它工作正常，但现在我想允许我的用户设置特定区域的字体大小

就像我有这些 div

<div>
   <label>this label has 14 as font color</label>
</div>

<div>
   <label>this label has 18 as font color</label>
</div>

<div>
   <label>this label has 22 as font color</label>
</div>

<div>
   <label>this label has 8 as font color</label>
</div>

现在我只想更改字体大小为 14 的 div 的字体大小，

而且我无法区分所有 div 我知道的唯一信息是我想动态更改具有 14 作为字体大小的 div 的字体大小，

我将使用 javascript 和 jquery 来更改这些 div 的字体大小

下面是我到底是怎么做的，

$('div label').css({ 'font-size': window.getComputedStyle(document.body).getPropertyValue('font-size') });

但这改变了所有 div 的字体大小，我只想改变 div 的字体大小，字体大小为 14px，

我怎样才能做到这一点？

标签： javascriptjquerycssfonts

解决方案

你必须遍历所有的div。"$('div label')" 这总是指向第一个元素。我已经链接供您参考。

$("div").each(function(){
  var fontSize = $(this).find('label').css("font-size");
  console.log("size", fontSize);
  if(fontSize <= "14px"){
     // your code
  }
});

jsfiddle

推荐阅读