jQuery получает текст с подстановочными символами после элемента и перемещает его

Question

Я думаю, что это может быть сложно, но если кто-то может решить это, я буду очень впечатлен, а также очень благодарен.

Вот существующая разметка (которую я не могу изменить, иначе это была бы простая проблема, и я мог бы решить ее самостоятельно!) :

<a title="1 topics" href="http://localhost/tags/amis/">amis</a> (1) 
<a title="2 topics" href="http://localhost/tags/amis/">amis</a> (2) 
<a title="1 topics" href="http://localhost/tags/amis/">amis</a> (1) 
<a title="3 topics" href="http://localhost/tags/amis/">amis</a> (3) 

Что я хочу сделать, это взять скобки и значение внутри ([WILDCARD VALUE HERE]), вырезать его и добавить в < & GT; теги, завернутые в < span >.

Так вот, что я ищу:

<a title="1 topics" href="http://localhost/tags/amis/">amis <span>(1)</span></a>

Опять же, если у кого-то есть идеи ... Спасибо!

Answer 1

Попробуйте это

Демонстрация здесь

$('a').each( function(){

   var $this = $(this);
   var textEl = this.nextSibling;
   var spanEl = $('<span />').text(textEl.data);
   $this.append( spanEl );
   $(textEl).remove();

});