单击按钮删除元素

Question

我有一个在程序运行时弹出的菜单，但是当单击关闭按钮时，我不知道关闭菜单的最佳方法。这是菜单：

that.dom.container.style.height = $(that.dom.container).height()+"px";
                    that.dom.container.innerHTML =
                        '<div class="E_Trigger_WrapperInner">'+
                            '<h2 class="ui-widget-header ui-corner-all">' + i18n('triggerjs.running.head') + '</h2>'+
                            '<div class="E_Trigger_Warning">' + i18n('triggerjs.running.info') + '</div>'+
                            '<div class="E_Form_ButtonSet">'+
                                '<button class="E_Form_Button">' + i18n('triggerjs.running.close') + '</button>'+
                            '</div>'+
                        '</div>';

我已经尝试了以下解决方案，但是这留下了盒子中的一小部分，如图所示。

 $('div.E_Form_ButtonSet button', that.dom.container).click( function (e) { 
                        that.dom.container.style.display = "none";
                    } );

谢谢

Answer 1

您可以测试：（使用您自己的代码） 并且您可以通过触摸btn将$（'div'）替换为$（this），因为这可以解决上述功能

 $('btn').click( function () { 
     $('div').style.display = "none";
 });

OR

$('btn').click( function () { 
    $('div').remove();
});

Answer 2

在我看来，您好像是在动态添加菜单html，如果这样，简单的.click()函数将无法解决问题。

您想要做的是这样的：

$(document).on('click', '.btn', function(){
    $('.element-you-want-to-remove').remove();
});