使用jQuery刪除內容而不刷新

-2

我想刪除div的內容而無需重新加載頁面。有了Ajax，這是可能的，但我不知道如何使用它來解決我的特定問題。我不需要任何PHP腳本或其他東西。我想要做的就是在點擊後立即刪除內容。使用jQuery刪除內容而不刷新

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

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

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

感謝您的幫助

來源

2014-05-13 beginneR

你不需要阿賈克斯刪除元素...... – ntzm

所以這個東西是不工作？ – putvande

我認爲你應該閱讀[ajax]（https://api.jquery.com/jQuery.ajax/）的文檔，然後重新表達你的問題。它看起來像你想要做的並不需要Ajax。 – Pio

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

來源

2014-05-13 15:47:19 www0z0k

以何種方式（除了普通的JS）與OP已經有什麼不同？ – putvande

我只是遵循OP的目標「我想要做的就是點擊後刪除內容」 – www0z0k

-1

試試這個，看看它是否適合你：

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

來源

2014-05-13 15:51:39 user3593878

這有點矯枉過正，變量'content'從未定義過。 – putvande

內容不是它是元素ID的變量。 – user3593878

比它應該在引號之間，你不需要將它作爲參數添加到你的函數中。 – putvande

，如果你只是想獲得你的onpage chages你可以使用這樣的事情，

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

但是如果你想通過請求到服務器（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>

來源

2014-05-13 15:56:49

如果你還需要進一步的幫助，請在下面評論你的問題的一些細節，我會得到你， –

感謝您的幫助，請參閱我對該問題的最後一條評論 – beginneR

使用jQuery刪除內容而不刷新

回答

相關問題