Question

我克隆一个Href并将其包装到DIV。但问题是，当我有多个元素时，第二个元素成为相同的链接。我知道每个函数，但是如何使用这个函数？

var link = $('.image-title').clone().empty().prop('outerHTML');
$('.text-hover').wrap(link);

<div class="ref-wrapper">
    <div>
        <div class="image-wrapper">
            <a href="image.jpg" class="image-title" data-gallery="borscheid"><img src="image.jpg"></a>
            <a href="iamge2.jpg" data-gallery="borscheid"></a>
            <div class="text-hover">content</div>
        </div>
    </div>
</div>
            
<div class="ref-wrapper">
    <div>
        <div class="image-wrapper">
            <a href="image2_1.jpg" class="image-title" data-gallery="botel"><img src="image2_1.jpg"></a>
            <a href="iamge2_2.jpg" data-gallery="botel"></a>
            <div class="text-hover">content</div>
        </div>
    </div>
</div>

Fiddle

这就是我想要的：

<div class="ref-wrapper">
    <div>
        <div class="image-wrapper">
            <a href="image.jpg" class="image-title" data-gallery="borscheid"><img src="image.jpg"></a>
            <a href="iamge2.jpg" data-gallery="borscheid"></a>
            <a href="image.jpg" class="image-title" data-gallery="borscheid"><div class="text-hover">content</div></a>
        </div>
    </div>
</div>

<div class="ref-wrapper">
    <div>
        <div class="image-wrapper">
            <a href="image2_1.jpg" class="image-title" data-gallery="botel"><img src="image2_1.jpg"></a>
            <a href="iamge2_2.jpg" data-gallery="botel"></a>
            <a href="image2_1.jpg" class="image-title" data-gallery="botel"><div class="text-hover">content</div></a>
        </div>
    </div>
</div>

第一个Href换行到Div“text-hover”。

Answer 1

我想你想要这样的东西：

$('.image-title').each(function(){
    var link = $(this).clone().empty().prop('outerHTML');
    $(this).siblings(".text-hover").wrap(link);
})

Fiddle

克隆链接并包装新元素

1 个答案: