jquery - 无法将 div 置于显示下一个 div 的控件附近

Question

感谢大家帮助我，我得到了这段代码，但我需要更多。

下载页面时，隐藏了一块 div，但是当我单击它显示的图像时，

但是：我想在该图像附近写一些文字并放入一些标签，但它会崩溃。

我的代码在视图中：

  <% @websites.each do |website| %>
   <div class="sub">
<%= link_to(image_tag("/images/caret-horizontal.png", id: "caret-horizontal"), '#') %>
     <%= website.name %>//when I put this in tag show doesn't work
     <div class="desc">
       <%= website.url %> 
   <%= website.category %> 
    <%= website.language %>
   </div>
    </div>
         <% end %>

我的JavaScript：

 $(".sub a").click(function() {
    $(this).next("div").show("medium");
});

有人可以纠正我或解释怎么做吗？

Answer 1

如果您在 div 之前的链接旁边放置一些标签，则next()无法正常工作？

文档：

Get the immediately following sibling of each element in the set of matched elements.

使用.siblings()而不是next()......这将工作......