JQuery，将 div 包裹在每个 div 周围答案

【问题标题】：JQuery, wrap div around every single divJQuery，将 div 包裹在每个 div 周围
【发布时间】：2015-02-09 18:47:42
【问题描述】：

我有一个小脚本，它应该在每个父 div“mod_article”周围包裹一个 div“wrap_mod_article”。

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

现在脚本创建了一个 div，它围绕所有具有“mod_article”类的 div。用“mod_article”在每个 div 周围包裹一个 div“wrap_mod_article”是正确的吗？

【问题讨论】：

使用 wrap() 而不是 wrapAll() 参见文档wrap jQuery
谢谢你最后一个问题，把这个脚本放在哪里最好，在 document.ready 函数中还是其他地方？
如果你想等到整个 dom 被加载，你可以把它放在$(document).ready(function() { ... });
对不起，我的想法错了。是否可以在每个带有“mod_article”类的 div 中创建一个包装 div。这样“mod_article” div 中的内容就会被 div “wrap_mod_article” 包裹起来？
你能告诉我们你想要的 html 输出吗？

【解决方案1】：

如果你想在wrap_mod_article 的底部有一个清晰的 div，请使用：

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

选择器从content 容器中获取.mod_article 内的所有.wrap_mod_article 文章，并在div 中附加clear 类。

更新 jsfiddle：

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

【讨论】：