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

时间:2013-01-29 16:24:44

标签: php jquery

有没有办法在具有特定类的每个元素之后自动将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向左浮动时,如果最后一列的内容少于其余列,则在它下面跳过之后添加任何内容。

任何建议都会很棒。

感谢。

2 个答案:

答案 0 :(得分:6)

是的,请尝试.after方法。

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

答案 1 :(得分: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>');