jQuery obtiene texto con contenido comodín después de un elemento y lo mueve

Question

Creo que esto podría ser complicado, pero si alguien puede resolverlo, estaría muy impresionado y también muy agradecido.

Aquí está el marcado existente (que no puedo cambiar, de lo contrario sería un problema fácil y podría resolverlo yo mismo) :

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

Lo que quiero hacer es tomar los corchetes y el valor dentro ([WILDCARD VALUE AQUÍ]), cortarlo y agregarlo dentro de < a > etiquetas envueltas en un < span > ;.

Entonces esto es lo que busco:

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

Nuevamente, si alguien tiene alguna idea ... ¡Gracias!

Answer 1

Prueba esto

Demo aquí

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

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

});