如何通过ulr加载删除jQuery UI对话框上的内容？

Question

我已经可以使用它了，但是问题是当我删除内容时，主页的内容也会被删除，因为具有相同的类名。 我如何才能仅控制模式内容并删除某些类而不将其从父页面中删除。

        var $modalDialog = $('<div/>', { 
      'class': 'exampleModal', 
      'id': 'exampleModal1'
    })



    .appendTo('body')
    .dialog({

       resizable: true,
       title:'Approval',
       autoOpen: false,
       width:'auto',
       height:'auto',
       show: 'fold',
       position:  { my: "right top", at: "top" },
       modal: true,
  close: function(event, ui) {
      location.reload();
 }
    }).css("overflow", "auto"); 


    $(function () {
        $('a.exampleLink').on('click', function (e) {
            e.preventDefault();
            // TODO: Undo comments, below
        var url = $(this).attr('href');
            $modalDialog.load(url, function(){
        $( ".ewMenu" ).hide(); $( ".ewHeaderRow" ).hide();     $('h4').hide();          


 $( "#btnCancel" ).hide(); $( ".ewToolbar" ).hide();    $( ".ewFooterRow" ).hide();
            });

            $modalDialog.dialog("open");
        });
    });

Answer 1

试试这个（btnCancel的例子）：

$modalDialog.find("#btnCancel").hide();