Tìm và thay thế chuỗi HTML bằng jQuery

Question

Các liên kết từ cơ sở dữ liệu là tiêu đề trang web và hiển thị trên trang "Interesting Article: Tác giả" - nhưng đôi khi liên kết là câu hỏi "Where's China?: GoogleMaps". ?: trông ngớ ngẩn nên tôi muốn thay thế HTML ?</span>: bằng ?</span>.

Đây là jQuery tôi làm việc ra:

$('#relatedinfo ul li a').html().replace('?</span>:','?</span>');

Nhưng điều này không thực sự thay thế nó trong DOM. Làm thế nào để tôi nhận được chuỗi đó thực sự thay đổi trang?

Answer 1

tôi muốn đề nghị:

$('#relatedinfo ul li a').html(function(index,html){ 
    return html.replace(/<\/span>(\:)/,''); 
}); 

JS Fiddle demo.

Hoặc thậm chí:

$('#relatedinfo ul li a').text(function(index,text){ 
    return text.replace(':',''); 
}); 

JS Fiddle demo.

Một cách tiếp cận được cập nhật là để kiểm tra xem các ký tự cuối cùng trong span là trong mảng của ['?','!','.'] và, nếu có, sau đó để loại bỏ các : từ nodeValue của nextSibling:

$('#relatedinfo ul li a span').text(function(index,text){ 
    var lastchar = text.split('').pop(); 
    if (['?','!','.'].indexOf(lastchar) > -1) { 
     this.nextSibling.nodeValue = this.nextSibling.nodeValue.replace(':',''); 
    } 
}); 

JS Fiddle demo.

Tài liệu tham khảo:

• html().
• String.replace().
• text().

Answer 2

Bạn cũng có thể sử dụng regex:

var rx = new RegExp('(?![^<&]+[>;])' + searchString, 'gi'); 

$('#relatedinfo').html(function (i, html) { 
    return html.replace(rx, '<b>$&</b>') 
}); 

nguồn: jQuery to Find/Replace html text when not inside an html tag other than P, DIV, SPAN, TD