Javascript 如何使用jquery将css应用于div选择器中的所有html元素

我需要通过点击jquery将css

font size

应用到div选择器下的每个元素。但我不能让他们影响我。我就是这样尝试的

CSS

#reading_pane{
font-size:14pt;
}

HTML

<div id="reading_pane">
<p>this is a text</p>
<span>this is another text</span>
</div>
<a id="incfont">A+</a>
<a id="decfont">A-</a>

这是一篇课文

这是另一个文本
A+
A-

javascript

  $(document).ready(function() { 
  $('#incfont').click(function(){    
        curSize= parseInt($('#reading_pane span, p').css('font-size')) + 2;
  if(curSize<=20)
        $('#reading_pane').css('font-size', curSize);
        });  
  $('#decfont').click(function(){    
        curSize= parseInt($('#reading_pane').css('font-size')) - 2;
  if(curSize>=12)
        $('#reading_pane').css('font-size', curSize);
        }); 
 });

$（文档）.ready（函数（）{
$（'#incfont'）。单击（函数（）{
curSize=parseInt（$（'#reading_pane span，p'）.css（'font-size'））+2；
如果（光标=12）
$（“#阅读窗格”）.css（'font-size'，光标）；
}); 
});

---

如上所述。我需要在

div\reading\u窗格中的
和
更改单击的每个
a
上的大小。
主要问题是
.css（'font-size'）
返回以像素为单位的大小，而不是以点为单位的大小。因此，基于并避免代码重复，可以这样：


$（文档）.ready（函数（）
{
$（'#incfont'）。单击（函数（）
{
变化值（2）；
});
$（'#decfont'）。单击（函数（）
{
changeFontValue（-2）；
});
函数值（差异）
{
var newSize=Math.round（parseInt（$（“#阅读窗格”）.css（'font-size'））*72/96）+差异；
如果（newSize>=12&&newSize经过测试，工作正常：这是
A+A-
正确吗？我想结束标记应该是
？修复后的代码（手动或通过浏览器的错误更正），在增加或减少某些字体大小的意义上起作用。但这是不合逻辑的，因为它将孩子的字体大小设置为比父字体大小大2像素，而减少只对父字体起作用（这更自然）。请检查并编辑您的代码，如果仍然存在问题，请准确解释您想要完成的任务以及代码无法完成的原因。@Tusharaj，谢谢您，我已经编辑了它。@Regent，您的演示效果很好。但当我将其应用于我的页面时，它不起作用，我正在研究原因。
$(document).ready(function()
{
    $('#incfont').click(function()
    {
        changeFontValue(2);
    });

    $('#decfont').click(function()
    {
        changeFontValue(-2);
    });

    function changeFontValue(difference)
    {
        var newSize = Math.round(parseInt($('#reading_pane').css('font-size')) * 72 / 96) + difference;
        if (newSize >= 12 && newSize <= 20)
        {
            $('#reading_pane').css('font-size', newSize + 'pt');
        }
    }
});

<a id="incfont">A+</a>
<a id="decfont">A-</a>