Question

我使用jQuery删除和淡化项容器。此代码将删除并淡化div类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>

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，因为它目前已被弃用。

jQuery删除和淡入淡出

3 个答案: