Close a jQuery UI Dialog from an element inside of

问题:

Here's a quick question that's probably simpler than I'm thinking.

I'm populating a jQuery UI dialog with the resulting html from an $.ajax() call. In certain cases that html includes a button that when clicked, I want to close the containing dialog.

Assuming that I don't know anything about the element that was specified to be the dialog using $("#element").dialog()...(i.e. I have no idea what the "#element" selector is from the dialog's inner content) - What's the best way to close the dialog from an element clicked inside of it?

回答1:

Use closest()

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

回答2:

Something like:

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