zoukankan      html  css  js  c++  java
  • JQ使用Append添加html文本后再删除该html文本

    由于项目中的代码拼接太多内容,这里简化代码,仅作说明,未测试代码,但是方法可行

    省略html代码...
    
    <div id="leftMenu"></div>               <!--用于存放追加html容器-->
    
    <input type="button" onclick="ClearHtmlFun()"/>  <!--删除追加html的内容-->
    
    <script type="text/javascript">
    
    var $html = "";//全局变量,用于存储html文本对象
    
    $(function(){
    
      var strHtml ="<ul>";
    
      strHtml +="<li>aaa</li>";
    
       ....
    
      strHtml +="</ul>";
    
      $html = $("" + strHtml + "");  //这步很关键,见图1:firebug下使用console.info($html)打出来的对象 | 本人测试不加""会有问题,不清楚为什么
    
      $("#leftMenu").append($html); //使用append追加数据
    
    });
    
    
    //删除追加html的内容
    ClearHtmlFun = function(){
       $html.remove();         //因为前面存储的是对象所以可以使用.remove(),否则firebug会报.remove() is not a function=》返回查看见图1的那一部
    }
    
    </script>
    

    图1:

  • 相关阅读:
    #3232. 「POI2019 R1」Najmniejsza wspólna wielokrotność
    bzoj4129 Haruna's Breakfast
    uoj:【UNR #3】配对树
    #3409. 小P的生成树(mst)
    #1790. 小A的树
    #2689. 异或树(tree)
    #4740. 校运会
    #4738. 迷惑数字统计
    #4742. 寻找字符串
    dtoj1825. 放棋子(chess)
  • 原文地址:https://www.cnblogs.com/MouseMI/p/4803244.html
Copyright © 2011-2022 走看看