javascript - 将2张图片更改为一个文本onClick

当用户单击thumbs_up或thumbs_down时，这两个图标应替换为“您已投票”之类的文本。我怎么做？

   <div class="thumbsup">
       <%= link_to image_tag('othericons/thumbsup_off.PNG', height: '20', width: '20', like_post_comment_path(comment.post_id, comment), method: :put, :remote => true %>
   </div>

    <div class="thumbsdown">
        <%= link_to image_tag('othericons/thumbsdown_off.PNG', height: '20', width: '20', dislike_post_comment_path(comment.post_id, comment), method: :put, :remote => true %>
    </div>

最佳答案

将此添加到资产文件中

$('.thumbsdown a, .thumbsup a').on('click', function() {
  $('.thumbsdown').before('You voted')
  $('.thumbsdown, .thumbsup').remove()
})

这是在You voted div之前添加文本thumbsdown，然后再删除div。没有唯一正确的方法来执行此操作，所以这取决于您的方式。