jQuery를 사용하여 새로 고치지 않고 콘텐츠 삭제

Question

div를 다시로드하지 않고도 콘텐츠를 삭제하고 싶습니다. 아약스로,이 가능하지만 내 특정 문제에 대한 사용하는 방법을 모르겠습니다. 나는 어떤 PHP 스크립트 또는 뭔가가 필요하지 않습니다. 내가 원하는 것은 클릭 한 직후 내용을 제거하는 것입니다.

Answer 1

<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 = ""; 
}; 

Answer 2

이 시도하고 참조하여 도움을

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

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

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

감사합니다 당신을 위해 작동하는 경우 : 당신은 당신이 뭔가를 사용할 수 있습니다 chages 당신의 OnPage를 얻으려면

<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; 
} 

Answer 3

,

<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> 

하지만 원한다면 그래서 이것에 대해 무엇을 작동하지 않는

<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>