时间戳

首页 > 解决方案 > JQuery从ajax中删除列表元素

javascript - JQuery从ajax中删除列表元素

问题描述

如何删除ajax查询功能中的<div class="image-?">...</div>列表元素？...？complete$(this)

<div class="edit-image-list">
    @foreach (var image in Model.AttachedImages)
    {
        <div class="image-@image.Id">
            <img width="180" height="180" src="data:image/jpeg;base64,@(Convert.ToBase64String(image.Data))" class="img-thumbnail" alt="Responsive image">
            <a class="delete-image" data-id="@image.Id">Delete</a>
        </div>
    }
</div>

<script>
    $(document).on('click', '.delete-image', function (e) {
        e.preventDefault();

        console.log($(this).data("id"));

        $.ajax({
            method: "POST",
            url: "@Url.Action("DeleteImage","Forum")",
            error: function () {
                console.log('error');
            },
            data: { Id: $(this).data("id") },
            complete: function () {
                // How to delete class="image-?"
            }
        });
    });
</script>

标签： javascriptjquery

解决方案

使用以div开头的通配符image：

$("div[class^=image]").remove()

推荐阅读