在具有特定类的每个元素之后添加div

Question

有没有办法在具有特定类的每个元素之后自动将div插入到我的标记中？

例如;

如果我有以下标记

<div class="three-col"></div>

<div class="three-col"></div>

<div class="three-col last"></div>

有没有办法添加

<div class="after-last"></div>

“三列最后”div之后自动？

我正在创建一个Wordpress主题并且我已经创建了一些列短代码，但是当div向左浮动时，如果最后一列的内容少于其余列，则在它下面跳过之后添加任何内容。

任何建议都会很棒。

感谢。

Answer 1

是的，请尝试.after方法。

$('.three-col.last').after('<div class="after-last"></div>');

Answer 2

如果我是你，我没有使用最后一堂课，而不是你可以做那样的事情：

<div class="three-col"></div>

<div class="three-col"></div>

<div class="three-col"></div>

$('div.three-col:last').after('<div class="after-last"></div>');