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);
});​

Вы можете попробовать здесь , это берет ссылку, удаляет ее оригинальное содержимое через .empty(), затем переносит текст <div>, используя сам элемент привязки.