Làm thế nào để bọc một phần của văn bản với các nhịp bằng cách sử dụng jQuery?

Question

Dưới đây là những gì tôi đang cố gắng để làm

Fox<span>Rox</span> 

trước đó

FoxRox 

Làm thế nào để quấn xung quanh nhịp Rox?

Answer 1

này sẽ tìm kiếm bạn cả DOM và thay thế mỗi Rox với <span>Rox</span>:

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

Live DEMO

Answer 2

Trong trường hợp này, bạn có thể sử dụng phương thức hoạt Javascript replace():

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

Để thay thế tất cả điều này thông qua các tài liệu, bạn có thể thử như sau:

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

Lưu ý, nếu hạn của bạn là không phải "Rox", bạn sẽ cần phải thay đổi nó trong kịch bản trên.