jQuery obter texto com conteúdo curinga depois de um elemento e movê-lo

Question

Eu acho que isso pode ser um assunto delicado, mas se alguém pode resolvê-lo eu estaria muito impressionado, e também muito agradecido.

Aqui está a marcação existente (o que eu não posso mudar, caso contrário, então seria um problema fácil e eu poderia resolver isso sozinho!) :

<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) 

O que eu quero fazer, é pegar os suportes e o valor dentro ([WILDCARD valor aqui]), cortá-la, e anexá-lo dentro do marcas envolto em um .

Então, isso é o que eu sou depois:

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

Novamente, se alguém tiver alguma idéia ... Obrigado!

Answer 1

Tente este

demo aqui

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

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

});