使用 Ajax 从数据库中删除条目

大家好。我有一个需要删除帖子的 Ajax 脚本。该脚本基本上可以工作，但是当您单击删除按钮时，最后发布的条目被视觉删除，但我想删除的条目仍然存在。重新加载页面后，一切正常，我要删除的内容被删除，再次出现点击del时消失的条目。

<script type="text/javascript">
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    $(document).ready(function () {
        $("body").on("click","#delete",function(e){
            e.preventDefault();

            var id = $(this).data('id');
            var token = $("meta[name='csrf-token']").attr("content");

            $.ajax({
                url: "delete/"+id,
                type: 'DELETE',
                data: {_token: token, id: id},
                success: function (){
                    $("#textpostdata").remove();
                },
            });

        });
    });
</script>

这是模板

<div class="infinite-scroll" id="textpost">
                        @foreach($posts as $post)
                            <div class="list-group-item py-5 textpost" id="textpostdata" data-id="{{$post->id}}">


                                <div class="media">
                                    <div class="img-post" style="background-image: url({{$user->avatar ?? asset('img/default-ava.jpg')}});"></div>
                                    <div class="media-body">
                                        <div class="media-heading"><small class="float-right text-muted">{{$post->created_at->diffForHumans()}}</small>
                                            <h5>{{$user->name}}</h5>
                                        </div>
                                        @if($post->img)
                                        <div>
                                            <img src="{{$post->img}}" class="img-fluid">
                                        </div>
                                        @endif
                                        <br>
                                        @if($post->message)
                                        <div class="text-muted text-small">{!!$post->message!!}</div>
                                        @endif
                                    </div>
                                </div>


                                @if(Auth::check())
                                    @if(Auth::user()->id == $user->id)
                                        <div class="text-right">
                                            <form action="{{route('deletePost', ['id' => $post->id])}}" method="post" id="formDelete">
                                                @csrf @method('DELETE')
                                                <button type="submit" id="delete" class="btn btn-sm btn-outline-danger py-0 mt-4" data-id="{{ $post->id }}">Удалить</button>
                                            </form>
                                        </div>
                                    @endif
                                @endif
                            </div>
                        @endforeach
                        {{$posts->links()}}
                    </div>