如何使用jQuery在整个WordPress网站中批量替换指定字符串？

Hey Leo, great question—dealing with dynamic content updates on large WordPress sites can be a headache when manual edits aren’t feasible. Let’s start by breaking down why your current jQuery approach isn’t ideal, then walk through the better solutions you should use.

Why Your Current jQuery Method Isn’t Recommended #

Your existing code replaces the entire HTML of the <body> element, which causes two big issues:

• Performance & Event Loss: Rewriting the whole body triggers full DOM re-parsing and re-renders, which can make large sites feel sluggish. Worse, any event listeners (like click handlers on buttons or forms) bound to elements before the replacement will break, since the original elements are replaced with new ones.
• SEO Problems: Search engine crawlers often don’t execute JavaScript, so they’ll still see the old "over 60 years" text instead of the dynamically calculated number. That’s bad for your site’s search visibility.

Recommended Solutions (Ordered by Priority) #

1. Server-Side Replacement (Best for Performance & SEO) #

WordPress is built on PHP, so handling this on the server is the most reliable approach. It fixes both performance and SEO issues, and the update happens before content reaches the user’s browser.

Option A: Use WordPress Content Filters

Add this code to your theme’s functions.php file (or a custom plugin, which is safer if you ever switch themes):

function dynamic_year_replacement($content) {
    $founding_year = 1953;
    $current_year = date('Y');
    $years_active = $current_year - $founding_year;
    // Adjust the replacement text to match your desired tone (e.g., "over 65 years" vs "65+ years")
    $replacement = "over {$years_active} years";
    
    // Replace the target string in all content loaded via the_content()
    return str_replace('over 60 years', $replacement, $content);
}
// Apply to post/page content
add_filter('the_content', 'dynamic_year_replacement');
// Apply to text widgets too (if needed)
add_filter('widget_text', 'dynamic_year_replacement');

This will automatically update every instance of "over 60 years" across your posts, pages, and text widgets, and it will refresh the year calculation automatically every January 1st.

Option B: Database Batch Replacement (One-Time Static Update)

If your content is static and you don’t need automatic yearly updates, you can run a SQL query to replace the text directly in the database. Always back up your database first!

-- Replace `wp_` with your actual database prefix
UPDATE wp_posts 
SET post_content = REPLACE(post_content, 'over 60 years', CONCAT('over ', YEAR(CURDATE()) - 1953, ' years')) 
WHERE post_content LIKE '%over 60 years%';

This is a one-time fix—if you want the year to update automatically each year, stick with the filter method instead.

2. Improved Front-End Solution (If Server-Side Isn’t an Option) #

If you absolutely can’t modify PHP or the database, you can fix your jQuery code to avoid replacing the entire body HTML. This preserves event listeners and improves performance:

document.addEventListener('DOMContentLoaded', function() {
    const foundingYear = 1953;
    const currentYear = new Date().getFullYear();
    const yearsActive = currentYear - foundingYear;
    const targetText = 'over 60 years';
    const replacementText = `over ${yearsActive} years`;

    // Traverse only text nodes to avoid breaking DOM structure or events
    function replaceText(node) {
        if (node.nodeType === Node.TEXT_NODE) {
            node.textContent = node.textContent.replace(new RegExp(targetText, 'g'), replacementText);
        } else if (node.nodeType === Node.ELEMENT_NODE && !['SCRIPT', 'STYLE'].includes(node.tagName)) {
            node.childNodes.forEach(replaceText);
        }
    }

    replaceText(document.body);
});

Note: This still doesn’t fix the SEO issue, so only use this as a last resort.

Final Recommendation #

Go with the server-side filter method—it’s the most robust, efficient, and SEO-friendly solution for your large WordPress site. It will automatically keep the year updated without any manual intervention going forward.

内容的提问来源于stack exchange，提问作者Leo C