Закрыть диалоговое окно jQuery UI из элемента внутри него?

Question

Вот быстрый вопрос, который, вероятно, проще, чем я думаю.

Я заполняю диалоговое окно jQuery UI с полученным html из вызова $ .ajax(). В некоторых случаях, когда html содержит кнопку, которая при нажатии, я хочу закрыть диалоговое окно.

Предполагая, что я ничего не знаю об элементе, который был указан как диалог, используя $("#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'); 
});