Jquery:将 <a> 标签的焦点从单个单词移动到整个文本 <div>

Question

希望得到有关为此使用哪个函数的任何指示:

假设我有这样的东西:

<div class="myTweet">Check out this awesome link <a href="http://bit.ly/uglylookinglink>http://bit.ly/uglylookinglink</a></div>

内容如下:

查看我的精彩链接 http://bit.ly/uglylookinglink

我想做的就是将标签移动到包含的div的前面，以便整个句子成为链接，并删除可怕的 http://bitl.y附带的链接。

所以之后看起来像这样:

<div class="myTweet"><a href="http://bit.ly/uglylookinglink>Check out this awesome link </a></div>

然后将显示:

查看我的精彩链接

这可能真的很容易，但我找不到正确的方法。

谢谢， 马克

Answer 1

您可以使用 .wrapInner() 和 <a>自己这样做，就像这样:

​$(".myTweet a")​​​​​​​​​​​​​.each(function() {
  $(this).empty().parent().wrapInner(this);
});​

You can give it a try here ，这会获取链接，通过 .empty() 删除其原始内容，然后包装 <div>使用 anchor 元素本身的文本。