php - 特定のクラスを持つすべての要素の後に div を追加します

Question

特定のクラスを持つすべての要素の後にマークアップに div を自動的に挿入する方法はありますか?

例えば;

次のマークアップがある場合

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

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

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

追加する方法はありますか

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

「最後に 3 列」の 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>');