jQuery obtenir du texte avec des caractères génériques après un élément et le déplacer

Question

Je pense que cela pourrait être difficile, mais si quelqu'un peut le résoudre, je serais très impressionné, et aussi très reconnaissant.

Voici le balisage existant (que je ne peux pas changer, sinon il serait un problème facile et je ne pouvais 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, est saisissez les parenthèses et la valeur à l'intérieur ([WILDCARD VALUE HERE]), coupez-le et ajoutez-le à l'intérieur des balises < a> enveloppées dans un intervalle <>.

donc ce que je suis après:

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

Demo here

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

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

});