Работает только 1 кнопка «вверх»/«вниз»

Question

Когда я нажимаю кнопку 2 вверх/вниз, то работает только 1-я кнопка. Проверьте this. Кто-нибудь знает, как это исправить?

Answer 1

Вы указали как buttons то же самое id, а id каждого элемента должны быть уникальными.

Вы можете использовать class связать click события и найти соответствующий span и подсчет голосов и подсчет голосов шоу в этом span.

Также у вас есть только один счетчик. Я не уверен, но я думаю, что если есть две отдельные кнопки, должно быть и два счетчика.

$(".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 является рабочей версией. Вы должны использовать разные идентификаторы и обработчики для двух разделов ...