希望通过jquery增加锚元素的大小，而不是锚元素本身的大小

我想增加a和p元素的字体大小，但它本身，一个增加字体的元素是一个锚元素，所以它随着压力的增加而增加，但这是错误的，不可能发生

HTML:

显然没有运气

jQuery：

<script type="text/javascript">
$(document).ready(function () {

    //min font size
    var min=9;  

    //max font size
    var max=16; 

    //grab the default font size
    var reset = $('p').css('fontSize'); 

    //font resize these elements
    var elm = $('p, a:not("a.fontSizePlus")');  

    //set the default font size and remove px from the value
    var size = str_replace(reset, 'px', ''); 

    //Increase font size
    $('a.fontSizePlus').click(function() {

        //if the font size is lower or equal than the max value
        if (size<=max) {

            //increase the size
            size++;

            //set the font size
            elm.css({'fontSize' : size});
        }

        //cancel a click event
        return false;   

    });

    $('a.fontSizeMinus').click(function() {

        //if the font size is greater or equal than min value
        if (size>=min) {

            //decrease the size
            size--;

            //set the font size
            elm.css({'fontSize' : size});
        }

        //cancel a click event
        return false;   

    });

    //Reset the font size
    $('a.fontReset').click(function () {

        //set the default font size 
         elm.css({'fontSize' : reset});     
    });

});

//A string replace function
function str_replace(haystack, needle, replacement) {
    var temp = haystack.split(needle);
    return temp.join(replacement);
}
</script>

$（文档）.ready（函数（）{
//最小字体大小
var min=9；
//最大字体大小
var max=16；
//获取默认字体大小
var reset=$（'p'）.css（'fontSize'）；
//字体调整这些元素的大小
var elm=$（'p，a:not（“a.fontSizePlus”）；
//设置默认字体大小并从值中删除px
变量大小=str_替换（重置，'px'，''）；
//增加字体大小
$（'a.fontSizePlus'）。单击（函数（）{
//如果字体大小小于或等于最大值
如果（尺寸=最小值）{
//缩小尺寸
大小--；
//设置字体大小
css（{'fontSize'：size}）；
}
//取消单击事件
返回false；
});
//重置字体大小
$（'a.fontReset'）。单击（函数（）{
//设置默认字体大小
css（{'fontSize'：reset}）；
});
});
//字符串替换函数
功能str_更换（草垛、针、更换）{
var temp=干草堆分裂（针）；
返回温度连接（更换）；
}

我不确定我是否完全理解您的要求

这里有一个链接，指向一个摆弄它的设置

一切似乎都很顺利

你只需要确保改变

var elm = $('p, a:not("a.fontSizePlus")');

到

这样，所有链接都不会收缩或增长

---

或者，您可以将a标记更改为span标记

你能为这个做一把小提琴吗？

<script type="text/javascript">
$(document).ready(function () {

    //min font size
    var min=9;  

    //max font size
    var max=16; 

    //grab the default font size
    var reset = $('p').css('fontSize'); 

    //font resize these elements
    var elm = $('p, a:not("a.fontSizePlus")');  

    //set the default font size and remove px from the value
    var size = str_replace(reset, 'px', ''); 

    //Increase font size
    $('a.fontSizePlus').click(function() {

        //if the font size is lower or equal than the max value
        if (size<=max) {

            //increase the size
            size++;

            //set the font size
            elm.css({'fontSize' : size});
        }

        //cancel a click event
        return false;   

    });

    $('a.fontSizeMinus').click(function() {

        //if the font size is greater or equal than min value
        if (size>=min) {

            //decrease the size
            size--;

            //set the font size
            elm.css({'fontSize' : size});
        }

        //cancel a click event
        return false;   

    });

    //Reset the font size
    $('a.fontReset').click(function () {

        //set the default font size 
         elm.css({'fontSize' : reset});     
    });

});

//A string replace function
function str_replace(haystack, needle, replacement) {
    var temp = haystack.split(needle);
    return temp.join(replacement);
}
</script>

var elm = $('p, a:not("a.fontSizePlus")');

var elm = $('p, a:not("a.fontSizePlus, a.fontReset, a.fontSizeMinus")');