单击时创建新的div arround锚链接

Question

如何使用jquery实现此行为:

默认状态:

<a href="something.html">Anchor</a>

点击状态

<div class="highlight">
<a href="something.html">Anchor</a>
</div>

Answer 1

好吧,你可以使用jQuery"wrap"函数:

$('#idOfAnchor').click(function(a) {
  $(a).wrap($('<div/>').addClass('highlight'));
});

然而,这似乎是一种有趣的想法.为什么不直接将类添加到<a>元素本身？

哦对不起 - 你的问题说"点击"但解释说"悬停".这会有点棘手,因为当你鼠标移出时你会想要摆脱那个额外的div.再说一次,如果这是我的页面,我根本就不会这样做.你想要实现的是什么？

再次编辑:好吧现在再次说"点击":-)