如何使用jQuery移除<div>元素内特定文本？移除%并保留testing

你的代码存在几个关键问题： #

• 选择器错误：目标元素是id="top_content"，你用了类选择器.top_content，应该用ID选择器#top_content
• 匹配文本错误：:contains("%: ")里的%: 和实际内容里的%不符，导致无法选中元素
• 替换逻辑错误：你要移除的是单独的%，但代码里拆分的是%: ，自然无法生效

修正后的代码方案： #

考虑到WordPress默认启用jQuery的noConflict模式（不能直接用$，需用jQuery），正确代码如下：

jQuery(document).ready(function($) {
    // 选中目标ID元素
    var $topContent = $('#top_content');
    // 获取当前文本内容，移除所有%符号并清理多余空格
    var newText = $topContent.text().replace(/%/g, '').trim();
    // 更新元素内容
    $topContent.text(newText);
});

代码说明： #

• jQuery(document).ready(function($)：确保DOM加载完成后执行代码，同时在回调内可以用$代替jQuery
• .text()：优先用文本操作而非HTML操作，避免意外破坏元素内的其他HTML结构（如果存在的话）
• replace(/%/g, '')：全局替换所有%符号，trim()用来移除替换后可能出现的多余空格

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