克隆链接并换行新元素

我克隆一个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换到格 “文本悬停”。

来源

2015-09-25 herrsaidy

你所描述的问题，但不完全解释你想达到什么...？ –

我编辑了它 – herrsaidy

我想你想是这样的：

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

Fiddle

来源

2015-09-25 14:11:24

克隆链接并换行新元素

回答

相关问题