javascript - 将两个 div 组合在一起

标签 javascript jquery html

也许它有点笨,但它仍然不起作用。我试图用另一个 div 包装两个不同类的 div,但我当前的输入只是自动关闭 div。

有几组带有 .panel-heading 和 .panel-body 类的 div,它们是一组。

我试图用带有 .panel panel-default 类的 div 包裹每一对,但我的代码关闭了 div,所以它只创建了两个空的 div。我不知道我的代码有什么问题。我正在使用 jquery

    <html>
<body>
<div class="panel-head"></div>
<div class="panel-body"></div>
<div class="panel-head"></div>
<div class="panel-body"></div>
<div class="panel-head"></div>
<div class="panel-body"></div>
</body>
</html>

和 jquery

$('div.panel-head').before (
'<div class="panel panel-default">');
$('div.panel-body').after ('</div>');

但是这段代码创建了两个 div 自动关闭和打开标签,不允许环绕。我无法在智能手机上创建 jsfiddle,因为我无法在 PC 上使用互联网,请有人启发我如何绕过此行为

最佳答案

我从 here 中获取了这个:

$(".panel-head").each(function() {
    $(this).next(".panel-body").addBack().wrapAll("<div class='panel panel-default' />")
});

编辑

最初它使用 andSelf() 但它已被弃用,我将其更改为 addBack()

关于javascript - 将两个 div 组合在一起,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32704507/

相关文章:

javascript - 使用 javascript 和 json 加载表格时如何为按钮分配多个值

javascript - 在 Metro Style 应用程序中保存本地数据

javascript - 出血区域适用于通过鼠标拖动移动的对象,但不适用于键盘箭头键

php - jquery 使用 jquery.load 获取数据

javascript - 在网站上加载外部页面的最佳实践

javascript - 将 HTML 报告转换为 PDF

javascript - 将 DOM 元素转换为原始 HTML 字符串

javascript - 更改标记中隐藏字段的值?

html - 改变背景图像的亮度?

javascript - jQuery 隐藏和显示 Attr Src 图像未按预期切换