• 如何使用JS脚本从HTML中分离图片标签与文本,替换文本中指定的内容并加粗(原创)


    var html='ddfsdfsdfdsd dfsdfsdffds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=frac {-bpm sqrt {{b}^{2}-4ac}} {2a}" src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" class="kfformula">dfsdfsrewewrererew  ds<img _src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=frac {-bpm sqrt {{b}^{2}-4ac}} {2a}" src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" class="kfformula">dfsdfsdfsddfs<img _src="http://localhost:849060E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=frac {-bpm sqrt {{b}^{2}-4ac}} {2a}" src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" class="kfformula">ddfdsdfd<img _src="http://localhost:849060E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" data-latex="x=frac {-bpm sqrt {{b}^{2}-4ac}} {2a}" src="http://localhost:8490/60E86EA7-FE7B-44BF-8270-4DF2036B2118.PNG" class="kfformula">dkjdfskjfdskl';
    
    String.prototype.replaceAll = function(s1,s2){
      return this.replace(new RegExp(s1,"gm"),s2);
    }
    
    var appendHtml="";
    var keyword="s";
    
    var partArray=html.split("<");
    $.each(partArray,function(key,value){  
       //console.log("value="+value+";key="+key); 
       var secPartArray=value.split('>');
      $.each(secPartArray,function(key1,value1){
        if(value1.indexOf("img")==0)
        {
          appendHtml+="<"+value1+">";     
        }
        else
        {
          appendHtml+=value1.replaceAll(keyword,"<strong>"+value1+"</strong>");
        }
       console.log(value1);
      });
    });
    console.log(appendHtml); 

    此思路和方法可以用来突出显示文本中的内容,img标签包含的内容可以不被错误替换。

  • 相关阅读:
    多级导航Menu的CSS
    Centos7在线安装PostgreSQL和PostGIS
    PostGis 根据经纬度查询两点之间距离
    在PowerDesigner中表显示中添加Code的显示
    Tomcat部署Geoserver
    PostGIS之路AddGeometryColumn函数添加一个几何类型字段
    怎样把多个excel文件合并成一个
    Error:java: 无效的目标发行版: 11
    PowerDesigner导出Excel
    GeoServer发布高清电子地图
  • 原文地址:https://www.cnblogs.com/wangqiideal/p/5583716.html
Copyright © 2020-2023  润新知