WordPress页面替换elementor-post__categories类内超链接字符串问题

• 分类名生成异常，自带不需要的连字符“-”，尝试过编辑分类名称、别名的常规方法，问题依旧
• 想用jQuery把类elementor-post__categories内的tax-incentive替换成tax incentive，写了如下代码但没效果
• 换用选择器.elementor-post__categories a尝试，同样无效

原代码：

jQuery(function($){
$('.elementor-post__categories').each(function() {
    var html = $(this).html();
    var updatedHtml = html.replace(/tax-incentive/g, 'tax incentive');
    $(this).html(updatedHtml);
  });
});

可行的解决办法 #

1. 确保代码在元素加载后执行
   Elementor很多内容是动态渲染的，DOM就绪时目标元素可能还没生成，试试延迟执行或者监听DOM变化：

jQuery(function($){
  // 延迟100ms执行，给动态内容留加载时间
  setTimeout(() => {
    $('.elementor-post__categories').each(function() {
      // 只处理文本，避免破坏HTML结构
      const originalText = $(this).text();
      $(this).text(originalText.replace(/tax-incentive/g, 'tax incentive'));
    });
  }, 100);
});

或者用MutationObserver监听动态加载的元素：

jQuery(function($){
  const observer = new MutationObserver(mutations => {
    mutations.forEach(mutation => {
      if (mutation.addedNodes.length) {
        $('.elementor-post__categories').each(function() {
          const originalText = $(this).text();
          $(this).text(originalText.replace(/tax-incentive/g, 'tax incentive'));
        });
      }
    });
  });

  observer.observe(document.body, { childList: true, subtree: true });
});

2. 优先操作文本而非HTML
   之前用html()替换可能会不小心修改元素内的链接标签结构，改用text()只处理纯文本内容，更安全也更精准。

3. 验证选择器和目标文本
   按F12打开浏览器开发者工具，在控制台输入$('.elementor-post__categories')，确认能找到目标元素；再查看元素内的文本，确认tax-incentive确实是文本内容，不是链接的href或其他属性里的内容。

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