ajax - jQuery 删除和淡入淡出

Question

我使用 jQuery 来删除和淡化项目容器。此代码将删除和淡化 div 类 box2。我想这样做以淡化 div 类 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>

Answer 1

试试这个代码：

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

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

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

        return false;
    })
})

Answer 2

如果您将其更改为var commentContainer = $(this).parent().parent();. 它现在将针对 .box1。然后你可以打开 .box2 ：

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

Answer 3

我相信你想要

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

到达 .box1 而不是 .box2 这能解决问题吗？

只是一些评论。有效的 id 应以字母字符开头。数字“1”无效。'a1' 会更好，或者只是'a'。也使用 ajax 回调done而不是success当前已弃用的回调。