使用jquery显示/隐藏与其他div共享类的div的最简单方法

假设我的代码是这样的：

<div class="click">click</div>
<div class="something">sth</div>
<div class="container"><div class="content">content 01</div></div>
<div class="click">click</div>
<div class="something">sth</div>
<div class="container"><div class="content">content 02</div></div>

---

但是，当我单击其中一个

.click

时，我只希望它下面的

.content

显示出来。使用jquery最简单、最简单的方法是什么？提前感谢。

只需绑定单击事件并使用任何相关的横向方法，例如：

$('.click').on('click', function(){        
    $(this).nextAll('.container').first().children('.content').show();
});

现在最简单的方法是将所有相关的特定元素包装在一个通用容器/包装器元素中，然后使用：

$(this).closest('.wrapper').find('.content').show();

---

我很确定这就是我想要的答案，谢谢！但是，如果我可以问的话，我需要在

中放入什么文档才能工作呢？@Ana如果将jQuery包括在内，您需要在head部分设置：

$（函数（$）{$（'.click'）.on（'click'，函数（）{$（this）.nextAll（'.container'）.first（）.children（'.content'）.show（）；）；}）我将明确的
$
传递到就绪事件，以防您使用CMS，例如wordpress全局删除文档readyState更改的
$
参考。参见关于<代码>$（处理程序）文档就绪速记：如果在DOM就绪后追加了
。单击
元素，请使用委派：我目前正在JSFIDLE上测试它，但它似乎不起作用（？）。我应该选择什么jquery库？@Ana发布您的JSFIDLE以便我可以检查（当然，不要忘记调试它，至少检查控制台中的错误）@Ana您当然需要包括jquery：如果包括head中的片段，应该是：
$(this).closest('.wrapper').find('.content').show();