向上/向下点击计数器答案

【问题标题】：Up/Down Click Counter向上/向下点击计数器
【发布时间】：2011-04-15 20:51:53
【问题描述】：

听起来非常简单，但我很难管理它。

简单地说，如果我在按下 shift 键的同时单击 id 为“Counter”的元素，则由 Total 包裹的 int 应该会上升。如果单击时按住 alt，它会下降。

$('#Counter').click(function(x) {
    if(x.altKey) {
        $('#Counter').html(parseInt($('#Total').html())-1);
    }
    if (x.shiftKey) {
        $('#Counter').html(parseInt($('#Total').html())+1);
    }
});

///////////

<div id="Counter"><span id="Total">100</span></div>

【问题讨论】：

标签： jquery html parsing counter

【解决方案1】：

我可以看到您的问题，您想将<span id="Total">100</span> 解析为一个数字。你不能这样做。此外，您将 #counter 的 html 设置为一个数字，因此您丢失了 #Total。

你想要的是：

$('#Counter').click(function(x) {
    if(x.altKey) {
        $('#Counter').html(parseInt($('#Counter').html())-1);
    }
    if (x.shiftKey) {
        $('#Counter').html(parseInt($('#Counter').html())+1);
    }
});

<div id="Counter">100</div>

【讨论】：

它在 jsFiddle 中工作，但在我的实际代码中却没有，即使它是相同的。 jsfiddle.net/h2WXb/1
不确定我还能提供什么。
似乎我有一个计算盒子高度值的函数，是活的，正在干扰它吗？我在这个计数器之后移动了这个窗口函数，突然它起作用了。

【解决方案2】：

你覆盖了 span 标签，这就是为什么它只在第一次点击时有效，之后没有带有 id Total 的 span 标签

试试：

$('#Counter').click(function (x) {

        if (x.altKey) {
            $('#Counter').html('<span id="Total">' + (parseInt($('#Total').html()) - 1) + '</span>');

        }
        if (x.shiftKey) {
            $('#Counter').html('<span id="Total">' + (parseInt($('#Total').html()) + 1) + '</span>');
        }
    });

或者更简洁：

$('#Counter').click(function (x) {

        if (x.altKey) {
            $('#Total').html((parseInt($('#Total').html()) - 1));

        }
        if (x.shiftKey) {
            $('#Total').html((parseInt($('#Total').html()) + 1));
        }
    });

【讨论】：