Javascript div div in/remove anchor on hover

Question

我需要在hover =「＃」的錨標記中包裹鼠標，並在鼠標離開時將其刪除。

當您將鼠標懸停在ps_image上時，它會將ps_img與<a href="#">DIV HERE</a> 然後在不懸停時展開。

<div class="ps_image"> 
    <div class="ps_img"> 
     <img src="albums/album1/thumb/thumb.jpg" alt="Dachshund Puppy Thumbnail"/> 
    </div> 
</div> 

p.s.不要緊，如果它只包裝的子div，但會很好 基本上我試圖讓光標成爲索引指針，沒有它鏈接

Answer 1

這聽起來像一個可怕的想法，但..

$('.ps_image').each(function() { 
    var psImg = $(this).find('.ps_img'), 
     a; 
    $(this).hover(function() { 
     a = psImg.wrap('<a href="#" />').parent(); 
    }, function() { 
     a.children().unwrap(); 
    }); 
}); 

jsFiddle。

但是，您可能對CSS有誤解。如果您想要圖像創建光標，請將cursor: pointer添加到其CSS選擇器。