我正在创建一个显示图表列表的rails UI,显示的图表数量取决于表格中唯一条目的数量。目前,我使用以下代码通过Jquery隐藏图表:
<div class = "Row">
<% Visit.pluck("country").uniq.each do |input| %>
<div class = "GraphDiv" id = "Graph_<%= input.to_s%>">
<%= link_to "#{input}", "#", class: "graph-show" %>
<div class = "GraphDis">
... Chartkick stuff ...
</div>
并在单独的JS文件上跟随Jquery代码
jQuery(document).ready(function($){
$(".graph-show").click(function(){
$(this).nextAll().slideToggle("slow", "linear");
});
});
我想要实现的是侧栏上的菜单,每个图表都有勾选框,允许用户隐藏和取消隐藏图表。但是,我似乎无法从外部引用每个图表的唯一ID