upvote/downvoteボタンが1つしか動作していません

Question

2つのupvote/downvoteボタンを置くと、最初のボタンだけが動作します。 thisを確認してください。誰でも知っている、どのようにそれを修正するには？

Answer 1

両方ともbuttonsには同じidが割り当てられていますが、各要素のidは一意である必要があります。

あなたはclickイベントを結合して、それぞれのspanを見つけて、そのspanで票の投票とショーの数をカウントするclassを使用することができます。

また、カウンタは1つだけです。私は確信していませんが、2つの別個のボタンがあれば、2つのカウンターもなければならないと思います。ここで

$(".buttonup").click(function() { 
    var vote = checkIfUserVoted() != votePlus ? votePlus : counter; 
    localStorage.setItem("voted", vote); 
    $(this).next().text(vote); 
}); 

はdownvoteボタンのコード

$(".buttondw").on('click', function() { 
    var vote = checkIfUserVoted() != voteMinus ? voteMinus : counter; 
    localStorage.setItem("voted", vote); 
    $(this).prev().text(vote); 
}); 

Answer 2

Hereが作業バージョンです。 2つのセクションに異なるIDとハンドラを使用する必要があります。