Rails - 表 <TR> - 使用按钮 / Jquery 添加过滤器

Question

我想通过单击按钮在我的表上实现过滤器

我在这里有一张桌子：

    <div class="table-container">
        <table class="table table-filter">
        <tbody>
         <% if current_user %>
         <% @book.each do |book| %>
         <tr data-status = "###">   
<!-- I would like to implement <%= book.style %> inside that data-status, to filter on the type of books   -->
           <td><%= book.name %></td>
           <td> <%= book.author %></td>
          </tr>
         </tbody>
         <% end %>
         <% end %>
     </table>
   </div>

当我点击按钮时要过滤的脚本

 <button type="button" class="btn btn-success btn-filter" data-target="novel">PC</button>

这是脚本：

<script>
$(document).ready(function () {   

    $('.btn-filter').on('click', function () {
      var $target = $(this).data('target');
      if ($target != 'all') {
        $('.table tr').css('display', 'none');
        $('.table tr[data-status="' + $target + '"]').fadeIn('slow');
      } else {
        $('.table tr').css('display', 'none').fadeIn('slow');
      }
    });
   });
</script>

我不知道如何在 Data-status = 中传递书籍类型的值，即使我输入了一个文本值，比如 Novel ，它也不会在表格上过滤。

我真的不知道我哪里错了，我正在寻求帮助。我需要使用 content_tag 吗？

Answer 1

你可以简单地：

<tr data-status = "<%= book.style %>">