在元素之后添加HTML内容

Question

在我正在开发的CMS中，客户希望在所有h2元素下方有一个方格底边框。但是，由于它们是通过WYSIWYG编辑器动态设置的，因此无法创建静态占位符。

方格边框只是一个预设高度和宽度的div：

<div class="checkers-white-left"></div>

如何在每个元素后添加？我尝试过CSS：伪后，但是没有用，因为我知道它不会。

如果没有修改发送和存储在服务器中的数据，有没有办法做到这一点？

Answer 1

您需要为所有元素提供一个可区分的类，因此您可以全部选择它们。然后你可以这样做：

$(".elementClass").after("<div class='checkers-white-left'/>");