将2个图像更改为一个文本onClick

Question

当用户点击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>

Answer 1

在资产档案中添加

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

这样做是在You voted div之前添加文本thumbsdown然后删除div。没有一种正确的方法可以做到这一点，所以它取决于你如何。