Ajax jQuery删除和淡入淡出

Im使用jQuery删除并淡出项目容器。此代码将删除并淡入div class box2。我要做的是淡入div class box1。不将删除链接更改为box1

如果有人能告诉我怎么做的话，这是非常合适的。谢谢你

<div class="box1">

<div class="box2">

<a href="#" id="1" class="delete">x</a>

</div>

</div>

JavaScript

<script type="text/javascript">
$(document).ready(function () {
    $('#load').hide();
});

$(function () {
    $(".delete").click(function () {
        $('#load').fadeIn();
        var commentContainer = $(this).parent();
        var id = $(this).attr("id");
        var string = 'id=' + id;

        $.ajax({
            type: "POST",
            url: "delete.php",
            data: string,
            cache: false,
            success: function () {
                commentContainer.slideUp('slow', function () {
                    $(this).remove();
                });
                $('#load').fadeOut();
            }

        });

        return false;
    });
});
</script>

$（文档）.ready（函数（）{
$（'#load'）.hide（）；
});
$（函数（）{
$（“.delete”）。单击（函数（）{
$（'#load'）.fadeIn（）；
var commentContainer=$（this.parent（）；
var id=$（this.attr（“id”）；
变量字符串='id='+id；
$.ajax({
类型：“POST”，
url:“delete.php”，
数据：字符串，
cache:false，
成功：函数（）{
commentContainer.slideUp（'slow'，function（）{
$（this.remove（）；
});
$（“#加载”）.fadeOut（）；
}
});
返回false；
});
});

尝试以下代码：

$(function() {
    $('#load').hide();

    $('.delete').click(function(){
        $('#load').fadeIn();

        $(this).parent().slideUp('slow', function () {
            $('.delete').appendTo('.box1')
            $(this).remove();
            $('#load').fadeOut();
        });

        return false;
    })
})

---

如果将其更改为

var commentContainer=$（this.parent（）.parent（）。它现在将以.box1为目标。然后可以展开。框2：

commentContainer.slideUp('slow', function() {
    $('.box2').unwrap();
    $(this).remove();
});

我相信你想要

var commentContainer = $(this).parent().parent();

要访问.box1而不是.box2，这能解决问题吗

不过有几点意见。有效id应以字母字符开头。数字“1”无效a1'会更好，或者只是'a'。还可以使用ajax回调
done
，而不是
success
，因为它目前已被弃用
 你的#加载元素在哪里？我不明白你的意思：。不将删除链接更改为box1。