Javascript jQuery使用按钮单击隐藏html列使用链接到rails和HAML

我试图用jqueryhide方法通过单击按钮来隐藏html列

这是我的html：

  %br.clear
  - @cards.each do |card|
  %div{class: "hide_#{card.id}"} <- added this to solve issue
    .existing-credit-card-details.nine.columns.omega.alpha{id: dom_id(card)} <- this is my target
      .cc-select.one.column.alpha.omega
        Random text here
      .cc-type.three.columns.alpha.omega{class: card.card_type.downcase}
        %span.mobile-heading.em Card Type
        .icon
        %span.type= card.card_type
      .cc-number.two.columns.alpha.omega
        %span.mobile-heading.em Number
        ****
        Random text here
      .cc-expiration.two.columns.alpha.omega
        %span.mobile-heading.em Expiration Date
        Random card expiration dates
      .cc-expiration.two.columns.alpha.omega
        %span.mobile-heading.em
        = link_to (image_tag("icons/delete.png")),
            spree.credit_card_url(card),
            :remote => true, :method => :delete,
            :id => 'delete_card'
    %br.clear

---

好的，我想你可以做到以下几点：

$("#delete_card").click(function(){ 
     $(".existing-credit-card-details nine columns omega alpha").find('id', 'the id you are looking for').hide(1000);
});

---

不幸的是，这不起作用，发布了解决方案，谢谢你们两位的帮助。

      $(document).ready(function(){
        $(".delete_card").on("click", function(){
          $(this).parents(".hide_#{card.id}").hide("fast");
        });
      });

$("#delete_card").click(function(){ 
     $(".existing-credit-card-details nine columns omega alpha").find('id', 'the id you are looking for').hide(1000);
});