如何删除
中的所有内容

使用 jQuery？

若要删除 div 元素内的所有内容，请使用 remove() 方法。您可以尝试运行以下代码，以删除 <div> 元素内部的所有内容

示例

实时演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(".btn").click(function(){
        $("div#demo").remove();
    });
     
  });
</script>
</head>
<body>

<button class="btn">Hide the elements inside div</button>

<div id="demo">
<p>Inside div- This is demo text.</p>
<p>Inside div- This is demo text.</p>
</div>
<span>
<p>Inside span- This is demo text.</p>
<p>Inside span- This is demo text.</p>
</span>
</body>
</html>

更新于：2020 年 2 月 14 日

562 次浏览

开启您的职业生涯

完成课程即可获得认证

开始
广告