Question

我正在尝试创建竖起/缩小评级演示http://jsfiddle.net/HfNL9/1/

var ups = 0;

$('.rating .voteup').on('click', function () {
    var currentId = $(this).attr('href');
    ups = ups + 1;
    $(currentId + ' > .up').html(ups);

    return false;
});

var downs = 0;

$('.rating .votedown').on('click', function () {
    var currentId = $(this).attr('href');
    downs = downs + 1;
    $(currentId + ' > .down').html(downs);

    return false;
});

然而，它保留了具有不同ID的元素的计数，请查看小提琴（单击拇指向上或向下拇指以查看我的意思）。我该如何解决这个问题？

Answer 1

试试这个

$('.rating .voteup').on('click', function () {
    var up = $(this).closest('div').find('.up');
    up.text(parseInt(up.text()) + 1);
    return false;
});
$('.rating .votedown').on('click', function () {
    var down = $(this).closest('div').find('.down');
    down.text(parseInt(down.text()) + 1);
    return false;
});

DEMO

使用不同的ID保持元素的计数

1 个答案: