将图标添加到 js.erb.html 中的 link_to？

Question

如何将<i class="fa fa-heart-o"></i> 添加到link_to 助手？

$('.like_song').bind('ajax:success', function(){
  $(this).parent().parent().find('.vote_count').html('<%= escape_javascript @song.votes_for.size.to_s %>');
  $(this).closest('.like_song').hide();
  $(this).closest('.votes').html(' <%= link_to "Unfavorite", unlike_song_path(@song), remote: true, method: :get, class: 'unlike_song' %>');
});

我想做的是为收藏/取消收藏创建一个图标（按钮）。

Answer 1

您可以在一个块中传递它，例如<%= link_to path, options do %> ... <% end %>，其中 ... 是您可以添加 i 标记的地方，在您的情况下：

<%= link_to unlike_song_path(@song), remote: true, method: :get, class: 'unlike_song' do %>
  <i class="fa fa-heart-o"></i>
<% end %>

注意，“不喜欢”是您的 a 标签内的内容，现在不需要了，标签内的内容是 i 图标。