提问者:小点点

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


有没有一种方法可以在具有特定类的每个元素之后自动将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个答案

匿名用户

是,请尝试方法。

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

匿名用户

如果我是你,我不会使用最后一节课,相反,你可以这样做:

<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>');