Question

我有这种格式的HTML结构：

<div class="wrap">
    <div class="name"></div>
    <div class="content">
        <div class="sub">123</div>
    </div>
</div>

<div class="wrap">
    <div class="name"></div>
    <div class="content">
        <div class="sub">abc</div>
    </div>
</div>

<div class="wrap">
    <div class="name"></div>
    <div class="content">
        <div class="sub">foo</div>
    </div>
</div>

正如您在上面所看到的，我有3个相等的div元素，每个元素都有不同的.sub div。如何在文档准备就绪时使用jQuery获取.sub div的HTML内容并将其放到.name div？

结果如下：

<div class="wrap">
    <div class="name"></div>
    <div class="sub">123</div>
    <div class="content">
        <div class="sub">123</div>
    </div>
</div>

<div class="wrap">
    <div class="name"></div>
    <div class="sub">abc</div>
    <div class="content">
        <div class="sub">abc</div>
    </div>
</div>

<div class="wrap">
    <div class="name"></div>
    <div class="sub">foo</div>
    <div class="content">
        <div class="sub">foo</div>
    </div>
</div>

Answer 1

试试这个：

$(".sub").each(function() {
    $(this).clone().insertAfter($(this).parent().siblings(".name"));
});

Example fiddle

Answer 2

试试这个：

$(.name).after( /*....*/ )

获取div的html并将其注入另一个div旁边

2 个答案: