Rails5 クリックした箇所から詳細データをモーダルウインドウに出力するには

Ruby: 2.4.1
Rails: 5.1.3

一覧表示するviewがあり、一覧のうちの一つをクリックされたら詳細データをJSでモーダルウインドウ（以後MW）に表示したいです。現状は、一覧からMWにデータを渡す際に、詳細データはdata-attributeでHTML上に保持させておき、クリックされたらMWヘ詳細データを渡してMWに表示させようと思ったのですが、なかなかうまくいかない状態です。

一覧表示する際にコントローラーからViewに全てのデータを一旦渡し、隠しておいたデータをMWで表示するというやり方ではなく、コントローラーで一覧データとして取得したオブジェクトそのものをJSヘは渡せないのでしょうか？

ruby
1#app/views/xxx/show.html.erb
2<% @fac.lessons.each do |l| %>
3  <div class="post">
4    <p class="ttl"><%= l.name %></p>
5    <div class="post_content clearfix">
6      <div class="ctn_left">
7        <p class="txt01"><%= l.copytext %></p>
8        <p class="desc01"><%= l.description %></p>
9      </div>
10
11（省略）
12
13<script>
14$(document).ready(function() {
15  $('#lession .post').click(function() {
16    var title = $(this).find('.ttl').text();
17    var desc = $(this).find('.desc01').text();
18    var lesson_detail_html = '';
19    lesson_detail_html = $(
20      `<div class="modal_box lesson_post_detail">
21         <div class="modal_inner">
22           <div class="close_modal"></div>
23             <div class="modal_content">
24               <p class="title">${title}</p>
25               <p class="desc">${desc}</p>
26
27（省略）
28