jQuery 親要素のN番目の後にコンテンツを追加する方法

jQueryで指定した親要素のN番目の後に広告タグなどコンテンツを追加する方法のメモ。

コード

記事一覧ページなどの５番目の記事の後にコンテンツを追加する

jQuery(function ($) {
    $("#content > div.inner :nth-of-type(5)").after("<div id='_ad_tag'></div>");
});

nth-of-typeセレクターで要素と番号(n)を指定してコンテンツを追加する場所を指定します。

要素追加メソッドの１つafterメソッドで指定要素の後にコンテンツを追加します。