Question

我使用此代码加载来自其他html文件的内容：

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


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

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”。

Answer 1

使用.load()回调函数，这将使用包含文本的范围替换有问题的文本，然后可以使用css更改...

<强>的Javascript

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

<强> CSS

.red {
    color: red;
}

Answer 2

您可以使用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加载的外部html文件替换文本

2 个答案: