JQuery, wrap div around every single div

Question

I´ve got a small script, that should wrap a div "wrap_mod_article" around every single parent div "mod_article".

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

Right now the script creates one div thats around all divs with the class "mod_article". How is it right to wrap a div "wrap_mod_article" around every div with "mod_article"?

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

Answer 1

If you want a clear div at the bottom inside the wrap_mod_article use:

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

The selector takes all .wrap_mod_article inside the .mod_article articles from the content container and appends the div with a class clear .

Update jsfiddle:

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