javascript - javascript 如何找到按下了哪些按钮？

Question

我正在尝试编写一个投票系统，并且不想重复相同的代码两次，具体取决于用户是否按下投票赞成或投票反对。因此我希望运行相同的函数，并使用 JavaScript 来确定按下了哪个按钮。但由于某种原因，无论我按下哪个按钮，第一次按下它时，它总是为投票添加 +1，而第二次按下它时，控制台中只会显示 NaN。这是 HTML:

        <li><input type ="button" value="Vote up!" onclick='vote()' id="vote"></li>
        <li><input type ="button" value="Vote Down!" onclick='vote()' id="vote"></li>

这是 JavaScript:

function vote(){
    var votes = document.getElementById('votes').innerHTML;
    var snippetID = document.getElementById('snippetID').innerHTML;

if (document.getElementById('vote').value = 'Vote up!') {
    votes = parseInt(votes + 1);
}
else if (document.getElementById('vote').value = 'Vote down!') {
    votes = parseInt(votes - 1);
};

console.log(votes);

$.ajax({
    type: "POST",
    url: "voteUp",
    data: "votes="+votes+"&snippetID="+snippetID,
    success: function(data) {
        document.getElementById('votes').innerHTML = ''
        document.getElementById('votes').innerHTML = data;
    }
});
} 

Answer 1

为按钮分配不同的 ID。

<li><input type ="button" value="Vote up!" class="vote" id="vote_up"></li>
<li><input type ="button" value="Vote Down!"class="vote" id="vote_down"></li>

然后你做这样的事情:

$('.vote').click(function() {
    var action = $(this).attr('id');
    if(action === 'vote_up')
    {
        //put vote up logic here
    }
    elseif( action === 'vote_down')
    {
        //put vote down logic here
    }
});