javascript - 从特定的 div 中删除脚本和 html 注释

Question

这是我的默认代码，我想使用 js 从这个 div 中删除脚本、注释和一些文本，并在 js 掩码之后获取下面的最终代码

我发现这段代码可以删除脚本，但它只删除了我想从此 div 中删除的所有脚本

$('script').each(function () {
$(this).remove();
});

我的代码:

<div class="data-content">         
        <!-- comment_beginning -->- Sponsored Links -
        &nbsp;
        <br>
        <script src="//data.js"></script>
        <!-- comment -->
        <script>
        //some js 
        </script>
        <br> 
        - Sponsored Links -<!-- /comment_beginning -->
          <div>
           <a href="d.jpg"><img title="example" src="world.jpg" alt="data" width="300" class="animation-data-type0-2"></a>
          </div>
        <p></p>
        <p></p>
        <p></p>
        <!-- comment_after -->- Sponsored Links -
        &nbsp;
        <br>


        <script src="//data.js"></script>
        <!-- comment -->

        <script>
        //some js
        </script><!-- /comment_after -->     

       </div>

最终输出:

<div class="data-content">         

  <div>
   <a href="d.jpg"><img title="example" src="world.jpg" alt="data" width="300" class="animation-data-type0-2"></a>
  </div>
<p></p>
<p></p>
<p></p></div>

Answer 1

您可以使用以下代码定位位于上述 div 下的所有脚本标签。

  $(".data-content script").each(function(){
     var scriptElement = $(this);

     scriptElement.remove();
  });

删除评论代码:

 var container = $(".data-content");

container.contents()
         .filter(function(){ return this.nodeType == 8; })
         .remove();