克隆鏈接並換行新元素

我克隆一個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

克隆鏈接並換行新元素

回答

相關問題