Javascript在悬停时将div包含在/ remove锚中

Question

我有div我需要在悬停时用href =“＃”包装一个锚标签，并在鼠标离开时删除。

当您将鼠标悬停在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选择器。