单击时创建新的div arround锚链接 [英] Create new div arround anchor link when clicked

问题描述

如何通过jquery实现onclick的这种行为:

How can I achieve this behaviors onclick with jquery :

默认状态:

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

点击状态

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

推荐答案

最快的方法:

$('a').click(function() {
  $(this).wrap($('<div/>', { 'class': 'highlight'}));
});

但是，这可能就是您想要的，使用所需的CSS效果更简单:

However, this is probably what you want, much simpler just use whatever CSS effect you want:

$('a').click(function() {
  $(this).addClass('highlight'});
});

这篇关于单击时创建新的div arround锚链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！