Come racchiudere parte del testo con span usando jQuery?

Question

Qui è quello che sto cercando di fare

Fox<span>Rox</span> 

prima che

FoxRox 

Come posso avvolgere intorno campate Rox?

Answer 1

Questo cercherà voi tutta DOM e sostituire ogni Rox con <span>Rox</span>:

$(':contains("Rox")').html(function(index, oldHTML) { 
    return oldHTML.replace(/(Rox)/g, '<span>$&</span>'); 
});​ 

Live DEMO

Answer 2

In questo caso, è possibile utilizzare il metodo JavaScript replace():

'FoxRox'.replace(/(Rox)/, '<span>$1</span>'); 

Per sostituire tutto questo attraverso il documento, si potrebbe provare la seguente:

$(":contains('Rox')").html(function(i,o){ 
    return o.replace(/(Rox)/g, '<span>$1</span>'); 
});​ 

nota, se il termine è non "Rox", dovrai cambiarlo nello script sopra.