Question

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

我有50/60个页面，其中4/5个主页面运行良好，但现在我想允许我的用户设置特定区域的字体大小

就像我有这些div一样

 client.channels.find("id", "what ever").send(/*...*/)

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

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

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

下面是我的工作方式

    update B set B.i_description='travncore testing',B.Tm_id=35 
from backlog B join backToSprint B1 on 
B.b_id=B1.fk_back_id where B1.s_id=18

但是这会更改所有div的字体大小，我只想更改14px作为字体大小的div的字体大小，

我该如何实现？

Answer 1

您必须循环所有label并检查font-size是否为14px

$('div label').each(function() {
if($(this).css('font-size')=='14px')
{ 
  $(this).css({ 'font-size': window.getComputedStyle(document.body).getPropertyValue('font-size') })
}
});

.fz-14{
font-size:14px;
}
.fz-18{
font-size:18px;
}
.fz-22{
font-size:22px;
}
.fz-8{
font-size:8px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
   <label class="fz-14">this label has 14 as font color</label>
</div>

<div>
   <label class="fz-18">this label has 18 as font color</label>
</div>

<div>
   <label class="fz-22">this label has 22 as font color</label>
</div>

<div class="fz-8">
   <label>this label has 8 as font color</label>
</div>

Answer 2

您可以使用each()遍历所有标签来检查 font-size 并根据需要设置属性：

$('div label').each(function(i, el){
  var fSize=window.getComputedStyle(el.parentNode).getPropertyValue('font-size');
  if(fSize == '14px')
    $(el).parent().css({ 'font-size': window.getComputedStyle(document.body).getPropertyValue('font-size') });
});
console.log($('div').eq(1).css('font-size')); //16px
console.log($('div').eq(3).css('font-size')); //16px

div{
  font-size: 20px;
}

div:nth-of-type(2n){
  font-size: 14px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>

Answer 3

您必须遍历所有div。 “ $（'div label'）”这将始终指向第一个元素。我已链接供您参考。

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

jsfiddle

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

3 个答案: