link_toメソッドで生成されるaタグで要素を囲いたい

Question

実現したいこと

以下の様なクリック可能な要素（リストの中にある）を生成したいです。

<a href="hoge/1">
    <div class="hoge-left">
         ...
    </div>
    <div class="hoge-right">
         ...
    </div>
</a> 

困っている点・疑問

link_to を使うと、

<%= link_to('hoge', 'url', class: 'outer', title: 'piyo') %>
↓
<a class="outer" title="piyo" href="url">hogeト</a>

というようにタグが生成されるかと思いますが、このlink_toメソッドは大きな要素をリンクさせる際には使いづらいかと思います。

実現したいことに記載したようなものを実現する場合、どういったメソッドを利用するのがベストなのでしょうか？

Answer 1

link_toメソッドは、ブロックを取ることができます。

<%= link_to 'url', class: 'outer', title: 'piyo' do %>
    <div class="hoge-left">
         ...
    </div>
<% end %>

Comments

[azuno_mix]

ありがとうございます！
ブロックを取ることが出来る点、勉強になりました！