Javascript Rails jquery按动态值选择

我正在使用RubyonRails，并试图通过使用动态生成的id从动态生成的项集合中隐藏/显示单个div，然后将该id插入到数据属性中。这就是我到目前为止所想到的，我认为我在正确的轨道上，但不知道我错过了什么。如果没有if语句，它会工作，但会显示每个项的隐藏div，而不是特定的div；如果使用if语句，则不会发生任何事情

链接和隐藏div

TL；博士 在div标记中使用id属性而不是data ovly，并避免在脚本中使用if语句：

html

检查此代码段：

$document.readyfunction{ $'.options'。单击函数{ var$ovly=$this.dataovly； $+$ovly.toggleClassnone； }; }; .没有{ 显示：无； } 卵黄1 ovly2 您对ovly 1的渲染部分 您对ovly 2的渲染部分

---

这正是我所需要的，非常有效。我现在明白多了。谢谢

<span class="options" data-ovly=<%= activity.targetable.id %>>
    <i class="fa fa-ellipsis-h"></i>
</span>

<div class="ed_ovly none" data-ovly=<%= activity.targetable.id %>>
    <span class="shu_e">
        <%= link_to "Edit", edit_medium_path(activity.targetable), :title => "Edit", :alt => "Edit", class: '' %>
    </span>
    <span class="shu_d">
        <%= render :partial => "activities/delete", :locals => {:activity => activity} %>
    </span>
</div>

$('.options').click(function(){
    var $ovly = $(this).attr("data-ovly");

    if ($('.ed_ovly').data("ovly") === $ovly) {
        $('.ed_ovly').toggleClass("none");
    }
});

<span class="options" data-ovly=<%= activity.targetable.id %>>
  <i class="fa fa-ellipsis-h"></i>
</span>

<div class="ed_ovly none" id="<%= activity.targetable.id %>">
  <span class="shu_e">
    <%= link_to "Edit", edit_medium_path(activity.targetable), :title => "Edit", :alt => "Edit", class: '' %>
  </span>
  <span class="shu_d">
    <%= render :partial => "activities/delete", :locals => {:activity => activity} %>
  </span>
</div>

$('.options').click(function() {
  var $ovly = $(this).data("ovly");
  $('#' + $ovly).toggleClass("none");
});