Comment remplacer plus d'une fois?

Question

Ceci est mon code à ce jour:

$("h1.intro:contains('|')").each(function() { 
    $(this).html($(this).html().replace('|','</span><br /><span>')) 
}); 

Cela fonctionne juste une fois, mais il doit travailler pour tous ces « | » ...

des idées?

Answer 1

Ajouter modificateur /g:

$("h1.intro:contains('|')").each(function() { 
    $(this).html($(this).html().replace(/\|/g, '</span><br /><span>')); 
}); 

Plus d'info:

Le modificateur g est utilisé pour effectuer une correspondance globale (trouver tous les matchs plutôt que d'arrêter après le premier match) .

• http://www.w3schools.com/jsref/jsref_regexp_g.asp

Answer 2

Salut ajouter un modificateur à votre regex en ajoutant le "/ g" après "|"

$("h1.intro:contains('|')").each(function() { 
    $(this).html($(this).html().replace("|/g",'</span><br /><span>')) 
}); 

Answer 3

Si vous utilisez jQuery 1.4, vous pouvez le faire en utilisant plus bien la signature .html(function)):

$("h1.intro:contains('|')").each(function() { 
    $(this).html(function(idx, oldContent) { 
     return oldContent.replace(/\|/g, '</span><br /><span>'); 
    }); 
}); 

Cela signifie que vous ne devez pas créer une deuxième instance jQuery et devrait mieux performer.