Javascript 替换jquery加载的外部html文件中的文本

我使用以下代码从另一个html文件加载内容：

<script> 
    $(function(){
      $("#includedContent").load("reslist.html"); 
    });
</script>


<div id="includedContent"></div>

$（函数（）{
$（“#includedContent”）.load（“reslist.html”）；
});

reslist.html包含此脚本的内容：

<div id="sub-menu-column" align="left"><h2>
     Smith Residence<br />
     Smith Pool<br />
     Fis Residence<br />
     Res Residence
</h2></div>

史密斯公寓

史密斯池

菲斯公寓

雷斯公寓

它正确加载到我的页面。 但是现在：如何替换加载内容中的字符串？因为我想用红色字体加载文本“Smith Residence”

使用

.load（）

回调函数，这将用包含文本的span替换有问题的文本，然后您可以使用css更改该文本

Javascript

$(function(){
    $("#includedContent").load("reslist.html", function() {
        $(this).html($(this).html().replace("Smith Residence", "<span class='red'>Smith Residence</span>"));
    }); 
});

---

您可以使用ajax调用而不是.load函数，并在将文本附加到容器之前替换所需的文本

例如：

jQuery.ajax({
  url: "reslist.html",
  success: function(data) {
    data = data.replace(/(Smith Residence)/, "<span style='color: red;'>$1</span>");
    jQuery("#includedContent").html(data);
  }
});

jQuery.ajax({
url:“reslist.html”，
成功：功能（数据）{
数据=数据。替换（/（史密斯公寓）/，“$1”）；
jQuery（“#includedContent”）.html（数据）；
}
});

希望这有帮助

问候,

---

马塞洛

它总是写着“史密斯住所”，还是会改变？每一页上都会有一个红色的标题。所以文本是固定的。谢谢你，阿切尔，这正是我要找的！没问题-很乐意帮忙：）我不能让这件事发生。但另一个答案正是我想要的。非常感谢。

jQuery.ajax({
  url: "reslist.html",
  success: function(data) {
    data = data.replace(/(Smith Residence)/, "<span style='color: red;'>$1</span>");
    jQuery("#includedContent").html(data);
  }
});