從里面的元素關閉一個jQuery UI對話框？

Question

這是一個簡單的問題，可能比我想的要簡單。

我正在使用$ .ajax（）調用生成的html填充jQuery UI對話框。 在某些情況下，html包含一個按鈕，單擊該按鈕時，我想關閉包含對話框。

假設我不知道任何關於使用$("#element").dialog()指定為對話框的$("#element").dialog() 。dialog $("#element").dialog() ...（即我不知道對話框中的“#element”選擇器是什么內部內容） - 從內部單擊的元素關閉對話框的最佳方法是什么？

Answer 1

使用closest()

$(this).closest('.ui-dialog-content').dialog('close');

Answer 2

就像是：

$('a.close').click(function(e) {
    $(this).closest('.dialog').dialog('close');
});