jQuery增加DIV中HTML內容的字體大小

Question

以下是我用來增加#myContent中所有HTML內容的字體大小的javascript。 奇怪的是，每當調用reasonFontSize（）時，字體大小都不會增加，而是會減小。 可以請一些善良的人建議我做錯了什么。 謝謝。

我對fontSizeStr和fontSize發出了警報。 fontSizeStr讀取14，而fontSize讀取12。最后一行應將內容更改為12px，但不會。 字體減少。

:
:
function increaseFontSize() {
   var fontSizeStr = $("#myContent").css('font-size');
   var fontSize = parseInt (fontSizeStr,10) + 2;
   $("#myContent").css("font-size", fontSize + "px");
}
:
:
:
<div id="myContent">
    <html>
    :
    :
    <p>Actual Contents 1</p>
    <p>Actual Contents 2</p>
    :
    :
    </html>
</div>
:
:

[更新] ：-在fontSize的末尾添加了“ px”。 -從“ fontSize”更改為“ font-size”

Answer 1

您需要更新

 $("#myContent").css("fontSize", fontSize);

至

 $("#myContent").css("font-size", fontSize + "px");

Answer 2

請在fontSize添加-如font-size

$("#myContent").css("font-size", fontSize + "px");

采用

var fontSizeStr= fontSizeStr.substring(0,fontSizeStr.length-2);

Answer 3

function increaseFontSize() {
   var fontSizeStr = $("#myContent").css('font-size');
   var fontSize = fontSizeStr.substring(fontSizeStr.length-2, fontSizeStr.length);
   var newFontSize = parseInt (fontSize,10) + 2;
   $("#myContent").css("font-size", newFontSize + "px");
}

Answer 4

這是您的JSFIDDLE工作代碼。

http://jsfiddle.net/alaksandarjesus/xju2xksp/1/

<div id="myContent">
    <p>Actual Contents 1</p>
    <p>Actual Contents 2</p>
</div>
<button onClick="increaseFontSize()">Click Me</button>

在我的本地主機中測試，帶有html標記，其工作正常。

jQuery增加DIV中HTML內容的字體大小

問題描述

4 個解決方案

解決方案1
1 2015-07-04 12:58:18

解決方案2
1 2015-07-04 13:03:37

解決方案3
0 2015-07-04 13:00:11

解決方案4
0 2015-07-04 14:48:08

jQuery增加DIV中HTML內容的字體大小

問題描述

4 個解決方案

解決方案1 1 2015-07-04 12:58:18

解決方案2 1 2015-07-04 13:03:37

解決方案3 0 2015-07-04 13:00:11

解決方案4 0 2015-07-04 14:48:08

解決方案1
1 2015-07-04 12:58:18

解決方案2
1 2015-07-04 13:03:37

解決方案3
0 2015-07-04 13:00:11

解決方案4
0 2015-07-04 14:48:08