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 =＆lt;％book.style％＆gt;内传递图书类型的值。甚至当我把文本值放在像Novel这样的文章中时，它也不会过滤掉。

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

Answer 1

你可以简单地说：

{{1}}

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

1 个答案: