Question

我有以下代码：

$(document).ready(function(){

            $(".uiCloseButton").click(function(e)
            {
                e.preventDefault();
                var element = $(this).parents('.uiOverlay');
                alert(element);
                element.fadeOut(200,
                    function()
                    {
                        alert(element);
                        element.remove();
                    });
            });

        });

这个想法是，当单击关闭按钮时，它将使用parents()方法删除它的最高父项。我一直警告变量元素检查它的值，它总是返回[object Object]，当它确实应该包含父元素？

然而它仍然会淡化元素，所以它正在工作但是不会从DOM中删除元素，所以它只有一半工作......

为什么它没有删除元素以及为什么元素var为空的任何想法？

由于

Answer 1

请改用console.log。此外，您在删除之前再次获得父母，您可以$(this).remove()。

     $(document).ready(function(){
        $(".uiCloseButton").click(function(e)
        {
            e.preventDefault();
            var element = $(this).parents('.uiOverlay');
            console.log(element);
            element.fadeOut(200,
                function()
                {
                    console.log( $(this) ); 
                    $(this).remove();
                });
        });

    });

jQuery父母不使用删除

1 个答案: