Javascript 如何隐藏Jquery UI对话框上的按钮

我一直在使用jQueryUI对话框。我正在使用以下代码。请任何人告诉我如何在单击后隐藏导出按钮

$( "#dialog-confirm1" ).dialog({
            resizable: false,
            height:350,
            width:650,
            modal: false,
            autoOpen:false,
            buttons: {
                "Export": function() {
                    exportCSV(2);


                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });

您可以使用

$（'.ui按钮：包含（导出））.hide（）

：（单击导出按钮时，以下代码将隐藏该按钮）

按钮的

选项显示：

回调的上下文是dialog元素；如果您需要访问 对于按钮，它可用作事件对象的目标

因此，您可以使用来引用按钮元素：

buttons: {
    "Export": function(event) {
        $(event.target).hide();
        exportCSV(2);
    },
    "Cancel": function() {
        $(this).dialog("close");
    }
}

---

当你说“隐藏导出按钮”时，你的意思是让对话框只打开“取消”按钮？嗨，Nicola，谢谢，它可以工作。但是忘了告诉你。我有两个对话框dialog-confirm1和dialog-confirm0，它们都有“导出”按钮，当我单击dialog-confirm1对话框的导出按钮时，它也会隐藏dialog-confirm对话框的导出按钮。谢谢，Ravi@Ravi我认为更好的选择是Frédéric Hamidi指出的，使用event.target（我更新了我的答案以使用它）event.target指向按钮内部的范围，而不是按钮本身。使用：$（event.target.parent（）.hide（）；而是使用$（event.target.parent（）.hide（）；相反至少对我来说，目标是按钮内的跨度。

buttons: {
    "Export": function(event) {
        $(event.target).hide();
        exportCSV(2);
    },
    "Cancel": function() {
        $(this).dialog("close");
    }
}

buttons: [{
    "Export": function() { exportCSV(2); },
    click: $( this ).hide()

}]