Код в разделе HTML / PHP вытаскивается из базы данных в запросе while, поэтому классы повторяются несколько раз по всему документу. Когда я нажимаю на .up img , он изменяет все элементы на странице с этим классом. Я знаю, что могу использовать $(this). , но я не уверен, как это будет работать для $('.down img'). элемент, так как это не объект, который нажал. Я думал, что можно будет использовать уникальный атрибут mod для его идентификации?
HTML / PHP:
<div class="up"><img src="img/up-g.png" mod="<?=$row_mod['id']; ?>" /></div> <div class="result"><?php echo votes_total($row_mod['id']); ?></div> <div class="down"><img src="img/dw-g.png" mod="<?=$row_mod['id']; ?>"></div>
JQuery:
$(function() { $('.up img').click( function(){ var postDataUp = $(this).attr('mod'); $.post('/votePost.php', {varUp: postDataUp}, function(o){ console.log(o); $('.up img').attr("src","img/up.png"); $('.down img').attr("src","img/dw-g.png"); }, 'json'); }); });