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>");

Fiddle

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
});

<强> Demo

<强>更新

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

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

<强> Demo

试图插入和包装元素

2 个答案:

Fiddle