jquery .before() 如果类不存在

Question

使用分页，我在第一页中有一个像这样的 div 结构:

<div class="ctema">...</div>
<hr />
<div class="ctema">...</div>
<hr />
<div class="ctema">...</div>
<hr />

但是使用 jquery 脚本通过 AJAX 获取内容...以下页面只有:

<div class="ctema">...</div>
<div class="ctema">...</div>
<div class="ctema">...</div>

我的目标是在每个带有 class="ctema"的 div 之间都有一个 HR 标签...我尝试过这个:

$('.ctematicas').before('<hr />');

但这不会检查 HR 标签是否已经存在，并且在第一页中进行 5 次动态重新加载后，我最终会连续获得 5 个 HR ...

如何检查 CTEMA 类之间是否存在 HR 标签，如果不存在则添加一个？

编辑:问题澄清。

Answer 1

你可以做到

$('.ctema').not('hr+.ctema').before('<hr />');

或

$('.ctema:not(hr+.ctema)').before('<hr />');

jQuery 的文档建议​​​​​​​首选第一种解决方案。

Demonstration

<小时/>

如果您真正想要的是在 div 之间有一个小时(而不是在第一个之前)，那么解决方案就更简单了:

$('.ctema+.ctema').before('<hr />');​

Demonstration