Jquery：如果CLICKED按钮值为xxx，则删除创建的元素

Question

我在"Information button"点击创建一个div（包含内容），使用"Information button"将值$("#").toggle();更改为“返回”

现在我之前创建的div没有删除，尽管我有这个

if ($(this).val() == 'Go Back') {$('#msg').remove();}

这是我的代码;

$("#InformationButton").one('click',function () {



                        $('<div>stackoverflow -- dynamically created content</div> ', {
                        id: 'Interface',
                        text: ''}).appendTo('#main-section');
                        $("#Interface").toggle("slow", "linear");


                    })

                    $('.InformationButton').click(function () {

                        $(".PageBody").fadeToggle("fast", "linear");

                        $(this).val($(this).val() == 'Information button' ? 'Go Back' : 'Information button');
                        $("#Interface").toggle();

                    });

                    $('.InformationButton').click(function () {

                        if ($(this).val() == 'Go Back') {
                            $('#Interface').remove();
                        }

                    });

如果用户点击信息按钮并且id值==“返回”并显示.PageBody，我需要删除#Interface。

Answer 1

在$('.ImpToExcel').click(function () {内，这指的是带有.ImpToExcel类的点击元素。

您需要将引用保存到this

$("#InformationButton").one('click',function () {
   $self = $(this);


   //rest of the code

   $('.ImpToExcel').click(function () {

     //rest of the code
     $self.val($self.val() == 'Information button' ? 'Go Back' : 'Information button');
     //rest of the code
   });

});