jQuery - Tìm và thay thế văn bản, sau khi nội dung được tải

Question

Tôi đã nhận được sự trợ giúp tuyệt vời từ người khác, liên quan đến việc tìm và thay thế văn bản bằng jquery.

Đoạn code dưới đây sẽ tìm thấy những từ: "Subject:" và thay thế bằng "Tên:"

$("*").each(function() { 
    if ($(this).children().length == 0) { 
     $(this).text($(this).text().replace('Subject:','Name:')); 
    } 
}); 

Và điều này làm việc tuyệt vời.

Điều duy nhất tôi đang gặp phải sự cố là thay thế văn bản được tải sau khi tải trang.

tôi có một số chức năng javascript được hiển thị dữ liệu từ máy chủ, nhưng chỉ sau khi trang đã được nạp tất cả các yếu tố này. Ví dụ: người dùng chọn giá trị từ trình đơn thả xuống để khởi tạo sự kiện để tải danh sách sản phẩm từ cơ sở dữ liệu.

tôi định dạng một số những sản phẩm như thế này:

Granny Smith Táo Giá: x.xx cho mỗi pound sự kiện dinh dưỡng ....

tôi sẽ chỉ muốn tìm một thay thế từ " Giá: "và có thể thay thế bằng" Chi phí: ".

Nhưng như tôi đã đề cập, dữ liệu đó chưa được tải. Và chỉ hiển thị sau khi người dùng chọn "Granny Smith Táo" từ trình đơn thả xuống.

Đây có phải là giới hạn mà tôi phải sống không?

Answer 1

Bạn có thể thử gắn một sự kiện vào ajaxStop event cũng như trên tải:

function replaceText() { 
    var jthis = $(this); 
    $("*").each(function() { 
     if(jthis.children().length==0) { 
      jthis.text(jthis.text().replace('Subject:', 'Name:')); 
     } 
    }); 
} 
$(document).ready(replaceText); 
$("html").ajaxStop(replaceText); 

Answer 2

Gọi chức năng của bạn từ $(document).ready() gọi lại như thế này

$(document).ready(function() { replace_stuff(); }); 

Answer 3

Hàm dưới đây hoạt động hoàn hảo đối với tôi:

function replaceText(selector, text, newText, flags) { 
    var matcher = new RegExp(text, flags); 
    $(selector).each(function() { 
    var $this = $(this); 
    if (!$this.children().length) 
     $this.text($this.text().replace(matcher, newText)); 
    }); 
} 

Đây là ví dụ về cách sử dụng:

function replaceAllText() { 
    replaceText('*', 'Subject:', 'Name:', 'igm'); 
} 

$(document).ready(replaceAllText); 
$('html').ajaxStop(replaceAllText);