通过单击按钮从JSON对象中删除id：number元素

Question

我正在使用JS，Json，Ajax和Jquery构建博客。

我的DOM中的每个post元素都有一个“ Erase”按钮。每个元素都是从ajax（Json对象）发布的

我想知道，如何通过单击其擦除按钮来擦除所选元素。

我的代码的一部分

 {
      "title": "Test",
      "body": "Test body",
      "createdDate": "2019-01-05 01:42:38",
      "id": 5
    }

function deletePost(id){
    let xhr = new XMLHttpRequest();
    xhr.open('DELETE', '/posts/' + id);
    xhr.send();

    xhr.onreadystatechange = function () {
        if (xhr.readyState != 4) return;
        if (xhr.status === 200) {
            let postsArray = JSON.parse(xhr.responseText)
            console.log(xhr.responseText);
        } else {
            console.log('Error ' + xhr.statusText);
        }
    }
}

<input type="button" class="btn btn-info" id="delBtn" value="Radera">

$('#blog').on('click','#delBtn',function(){ 
    event.preventDefault();

});