JQuery, оберните div вокруг каждого отдельного div

Question

У меня есть небольшой скрипт, который должен обернуть div "wrap_mod_article" вокруг каждого родительского div "mod_article".

if ($("body").hasClass("test")) {
    $('#content .mod_article').wrapAll('<div class="wrap_mod_article" />');
}

Прямо сейчас скрипт создает один div, который окружает все div с классом "mod_article". Как правильно оборачивать div "wrap_mod_article" вокруг каждого div с помощью "mod_article"?

http://jsfiddle.net/1t2a2nr4/2/

Answer 1

Если вы хотите четкое деление внизу внутри wrap_mod_article использовать:

$('#content .mod_article .wrap_mod_article').append('<div class="clear" />');

Селектор берет все .wrap_mod_article внутри .mod_article статьи из content контейнер и добавляет div с классом clear,

Обновите jsfiddle:

http://jsfiddle.net/1t2a2nr4/4/