html - jquery怎么添加一个父节点？

问题描述

问 题

原来的dom结构是这样的：

        <div class="card">
            <div class="card-block">
                <a href="#" class="card-link">苹果</a>
            </div>
            <div class="card-block">
                <a href="#" class="card-link">桃子</a>
            </div>
            <div class="card-block">
                <a href="#" class="card-link">香蕉</a>
            </div>
        </div>

我想改成这样：

        <div class="card">
            <div class="card-block">
                <a href="#" class="card-link">苹果</a>
            </div>
        </div>
        <div class="card">
            <div class="card-block">
                <a href="#" class="card-link">桃子</a>
            </div>
        </div>
        <div class="card">
            <div class="card-block">
                <a href="#" class="card-link">香蕉</a>
            </div>
        </div>

我想用jquery给每个.card-block添加一个父元素.card，然后在控制台把它复制出来粘贴到另一个文件里，再把最外层的.card删除，好像任务就完成了。

问题：
文档里好像没看到怎么添加父元素，应该怎么做呢？

解决方案

是不是这么写？

$(".card-block")
    .wrap("<div class='card'></div>")
    .parent()
    .unwrap();

这篇关于html - jquery怎么添加一个父节点？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！