求助：如何用jQuery将全站含指定文本的<span>替换为<div>？

让我来帮你搞定这个替换问题，你的代码没生效主要有两个关键原因，咱们一步步修正：

问题分析 #

1. 文本匹配不精准：你原代码里判断$(this).text() == 'You are here:'，但目标span的完整文本是You are here: [breadcrumb]，少了[breadcrumb]部分，所以filter根本找不到对应的元素。
2. 丢失原样式属性：原代码直接拼接<div>标签时，没有把原span的style="font-size: 85%;"继承过去，就算匹配到了，替换后的div也会丢失样式。

修正后的代码 #

这里提供两种可靠的实现方式，你可以根据实际情况选择：

方式一：精确匹配完整文本（适合内容固定的情况） #

$(document).ready(function() {
  $("span").filter(function() {
    // 精确匹配span的完整文本，trim()处理可能的空格
    return $(this).text().trim() === 'You are here: [breadcrumb]';
  }).replaceWith(function() {
    // 保留原span的所有样式和内部内容，替换为div
    return $('<div>', {
      html: this.innerHTML,
      style: this.style.cssText
    });
  });
});

方式二：模糊匹配关键文本（适合[breadcrumb]是动态内容的情况） #

如果[breadcrumb]是后端或其他脚本动态生成的内容，没法精确匹配完整文本，可以用包含判断：

$(document).ready(function() {
  $("span").filter(function() {
    // 只要文本包含"You are here:"就匹配
    return $(this).text().includes('You are here:');
  }).replaceWith(function() {
    return $('<div>', {
      html: this.innerHTML,
      style: this.style.cssText
    });
  });
});

额外优化建议 #

如果页面上有很多span标签，为了提高匹配效率，可以结合style属性缩小筛选范围：

// 先筛选出带指定font-size样式的span，再判断文本
$("span[style='font-size: 85%;']").filter(function() {
  return $(this).text().includes('You are here:');
}).replaceWith(function() {
  return $('<div>', {
    html: this.innerHTML,
    style: this.style.cssText
  });
});

注意：一定要确保代码在DOM完全加载后执行，所以最好包裹在$(document).ready()里，或者把脚本放在页面底部</body>标签之前。

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