jQuery-在新div中包装多个标签子类

问题描述

我想使用jQuery将多个标签内的类包装到一个新的div，这是html的情况：

<div class="article">
    <div>
        <h1>Title 1</h1>
    </div>
    <div>
        <img>
    </div>
    <div>
        <h1>Title 2</h1>
    </div>
    <div>
        <img>
    </div>
    <div>
        <h1>Title 3</h1>
    </div>
    <div>
        <img>
    </div>
</div>

结果：

<div class="article">
    <div class="img-div">
        <div>
            <h1>Title 1</h1>
        </div>
        <div>
            <img>
        </div>
    </div>
    <div class="img-div">
        <div>
            <h1>Title 2</h1>
        </div>
        <div>
            <img>
        </div>
    </div>
    <div class="img-div">
        <div>
            <h1>Title 3</h1>
        </div>
        <div>
            <img>
        </div>
    </div>
</div>

这是我尝试的jQuery代码：

$(".article").children("div h1,div img).wrap("<div class='img-div'"></div>);

我正在使用jQuery wrap(); wrapAll();，但我无法获得相同的结果。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）