jquery - 点击时jQuery自动增加数字

Question

我想使用 +1 来增加系统中的投票数，我的想法是每个用户加 1 我使用此代码：

<a onclick="increase_n(1)" href="#">Add 1</a> 

<script>
function increase_n(size)
{
var size_ini=15;
var size_increase=size_ini+(++size);
$(".content").css("font-size",""+size_increase+"px")
}
</script>

我不知道当我去点击其他时间时如何自动增加数字，它的想法是在每次点击中增加数字，一次点击给 11 其他点击给 12 其他 13 等

问候 ！！！

Answer 1

如果我理解，您希望每次单击时将字体大小增加 1。你可以做这样的事情：

<a onclick="increase_n()" href="#">Add 1</a> 

<script>
function increase_n()
{
 var currentSize = parseInt($(".content").css("font-size"),10);
 $(".content").css("font-size",++currentSize+"px");
 }
</script>

Answer 2

var size = 15;

function increase_n(increment)
{
    size += increment;
    $(".content").css("font-size", size + "px");
}

Answer 3

给你的锚一个 id 或类：

<a id="anchor" href="#">Add 1</a> 

然后使用jQuery来增加你的font-size：

$("#anchor").click(function(){
    var fs = $('#anchor').css('font-size');
    $(this).css('font-size', (parseInt(fs, 10) + 1) + 'px');
});

演示：http: //jsfiddle.net/CEqty/

Answer 4

如果您想设置徽章显示过程，当您单击时它将徽章值增加到 1，请使用此

 var size_ini = 15;
    function increase_n(size) {
        var size_increase = size_ini++;
        alert(size_increase);
        $(".content").html("<span>" + size_increase + "</span>")
    }

你的 HTML 应该是这样的：

<a onclick="increase_n(1)" href="#">Add 1</a>
    <div class="content">

    </div>

在这里演示

http://jsfiddle.net/2LkYK/