Jak owinąć część tekstu za pomocą rozpiętości za pomocą jQuery?

Question

Oto co usiłuję zrobić

Fox<span>Rox</span> 

przed tym

FoxRox 

Jak mogę owinąć wokół przęseł Rox?

Answer 1

Ten wyszuka Ci cały DOM i zastąpić każdy Rox z <span>Rox</span>:

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

Live DEMO

Answer 2

W tym przypadku można zastosować metodę JavaScript replace():

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

zastąpienie tego przez cały dokument, można spróbować wykonać następujące czynności:

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

Uwaga, jeśli termin jest nie "Rox", musisz to zmienić w powyższym skrypcie.