Javascript 使用jQuery删除内容而不刷新

我想删除div的内容，而不必重新加载页面。使用ajax，这是可能的，但我不知道如何使用它解决我的具体问题。我不需要任何php脚本或其他东西。我所要做的就是在单击后立即删除内容

<div class="content"> Some text </div>

<button id="Button" onclick="delete_content();"> Clear </button>

function delete_content(){
...  
$('.content').empty();
};

一些文本
清楚的
函数delete_content（）{
...  
$（'.content'）.empty（）；
};

感谢您的帮助

一些文字
<div class="content" id="content-to-delete"> Some text </div>

<button id="Button" onclick="delete_content();"> Clear </button>

function delete_content(){
    document.getElementById("content-to-delete").innerHTML = "";
};

清楚的
函数delete_content（）{
document.getElementById（“要删除的内容”）.innerHTML=“”；
};

试试这个，看看它是否适合你：

<div class="content" id="content"> Some text</div>
<button id="Button" onclick="deleteContent();">Clear</button>

function deleteContent() {
    var str = document.getElementById('content').value;
    var res = str.replace("Some Text"," ");
    document.getElementById('content').value=res;
}

一些文本
清楚的
函数deleteContent（）{
var str=document.getElementById（'content'）。值；
var res=str.replace（“某些文本”，即“”）；
document.getElementById（'content'）。value=res；
}

如果您只想在页面上进行更改，您可以使用类似的方法

<div class="content"> Some text </div>
<button id="clearBtn">Clear</button>

<script>
$(document).ready(function(){
  $('#clearBtn').click(function(){
    $('.content').html(''); //this will clear your html data from a div
   }
});
</script>

一些文本
清楚的
$（文档）.ready（函数（）{
$（'#clearBtn'）。单击（函数（）{
$（'.content'）.html（''）；//这将清除div中的html数据
}
});

但是如果您想通过请求服务器（PHP、ASP）来删除某些内容 你可以这样做

<script>
$(document).ready(function(){
  $("#clearBtn").click(function(){
      $.ajax({
               type : 'POST',
               dataType:'json',
               url:"testpage.aspx/deleteFunction",
               success:function(result){
                  $('.content').html(result); //here you get result from server
        }});
  });
});
</script>

$（文档）.ready（函数（）{
$（“#clearBtn”）。单击（函数（）{
$.ajax({
键入：“POST”，
数据类型：'json'，
url:“testpage.aspx/deleteFunction”，
成功：功能（结果）{
$（'.content'）.html（result）；//这里您可以从服务器获取结果
}});
});
});

你不需要ajax来删除一个元素…那么这不起作用呢？假设你把你的函数放在

标记中，并且你在页面上包含了jQuery，这应该会起作用。但是如果我想在单独的脚本中使用这个函数呢？如果我不把它放进去它就不起作用了。如果，说内容是单击后不能删除，而是在调用函数后才能删除？然后向该函数添加

delete\u content（）

。是的，JS应始终位于

块内（或位于本身包含在

块中的JS文件内）。以何种方式（普通JS除外）这与OP已有的不同吗？我只是遵循OP的目标“我想做的就是在点击后立即删除内容”这有点过分了，变量

content

从未定义过。content不是变量，而是元素ID。它应该在引号之间，您不需要将它作为参数添加到函数中。更不用说，即使它起作用，它也只会替换字符串“Some Text”如果有任何其他内容，则不会清空div。这是一种使页面显示为空白的方式。编辑语法。感谢PutVandei如果您仍需要进一步帮助，请在问题下方评论一些详细信息，我会找到您，感谢您的帮助，请参阅我对问题的最后评论