jQuery récupère le texte contenant le caractère générique après un élément et le déplace

Question

Je pense que cela pourrait être une tâche délicate, mais si quelqu'un pouvait le résoudre, je serais très impressionné et aussi très reconnaissant.

Voici le balisage existant (que je ne peux pas modifier, sinon ce serait un problème facile et je pourrais le résoudre moi-même!) :

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

Ce que je veux faire, c'est saisir les crochets et la valeur à l'intérieur ([WILDCARD VALUE ICI]), la couper et l'ajouter à l'intérieur du < un > balises enveloppées dans un < span >.

Donc, voici ce que je recherche:

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

Encore une fois, si quelqu'un a des idées ... Merci!

Answer 1

Essayez ceci

Démo ici

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

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

});