php - 尝试插入和包装元素

Question

您好我一直在尝试向我的页面添加一个脚本，该脚本将允许我在 div 中包装一些代码。

代码是什么样子的。

<div class="photoset-grid-basic" >
<div class="photoset-row cols-1">
    <div class="photoset-cell">
        <img src="">
    </div>
</div>

它需要看起来像什么

<div class="photoset-grid-basic" >
<div class="photoset-row cols-1">
    <div class="photoset-cell">
        <div class="image-wrap">
            <div class='social-wrapper'></div>
            <img src="" />
        </div>
    </div>
</div>

请帮助尝试了很多东西

Answer 1

试试这个：

$('.photoset-cell img')
.wrap("<div class='image-wrap'></div>")
.before("<div class='social-wrapper'></div>");

小提琴

Answer 2

尝试：

$(function(){
    $('.photoset-cell') //Select your target div
             .prepend( "<div class='social-wrapper'></div>" ) //prepend the div to it
             .children().wrapAll('<div class="image-wrap" />'); //Now get all the children and do a wrapAll
});

演示

更新

由于您有多个元素，因此您需要为每个元素执行此操作。

$('.photoset-cell').each(function(){
    $(this).prepend("<div class='social-wrapper'>Test</div>").children().wrapAll('<div class="image-wrap" />');
});

演示