Закрыть диалог 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');
});