Question

我有一个名为＆＃34; name＆＃34;的课程。在它上面我想滑动它的孩子div叫做啤酒＆＃39;。我可以弄清楚如何获得所有的啤酒＆＃39;切换，但我只想打开特定的div。

继承我的HTML

<div class="well well-sm">
  <h1 class="name">Barleys</h1>
  <hr>
   <div class="container-fluid">
     <% Beer.where(:store => "barleys", :popular => true).each do |beer| %>
       <p class = "beers"><%= link_to beer.name, "https://beeradvocate.com/search/?q=#   {beer.name.gsub(/\s/, '+')}" %></p></br>
      <% end %>
  </div>
</div>

更新*

$(document).ready(function(){
 $('.name').on('click', function(){
    $('.name .beers').slideToggle();
 })
})

这给了我切换的一切。而且我不想使用id，因为我有多个啤酒课程。

Answer 1

如果您想在所点击的元素中打开所有beers，则可以使用此选项：

jQuery(this).parent().find('.beers')

或者，如果您只想打开container-fluid：

jQuery(this).parent().find('.container-fluid')

<小时/> 这是有效的，因为

当jQuery调用处理程序时，this关键字是对该处理程序的引用传递事件的元素

来源：http://api.jquery.com/on/

特定元素的JQuery选择器

1 个答案: