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

我已经让它工作，但问题是当我删除内容的主页内容也被删除，因为有相同的类名。如何仅控制模式内容并删除某些类而不将其从父页面中删除

        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");
        });
    });

var$modalDialog=$（''，{
'class'：'exampleModal'，
“id”：“exampleModal1”
})
.appendTo（'正文'）
.对话({
可调整大小：正确，
标题：“批准”，
自动打开：错误，
宽度：'自动'，
高度：'自动'，
节目:"折叠",，
位置：{我的：“右上方”，在：“上方”}，
莫代尔：是的，
关闭：功能（事件、用户界面）{
location.reload（）；
}
}).css（“溢出”、“自动”）；
$（函数（）{
$（'a.exampleLink'）。在（'click'，函数（e）上{
e、 预防默认值（）；
//TODO:撤消注释，如下所示
var url=$（this.attr（'href'）；
$modalDialog.load（url，函数（）{
$（“.ewMenu”）.hide（）；$（.eweaderrow”）.hide（）；$（.h4'）.hide（）；
$（“.ewToolbar”）.hide（）；$（.ewToolbar”）.hide（）；$（.ewfootrow”）.hide（）；
});
$modalDialog.dialog（“打开”）；
});
});

试试这个（例如btnCancel）：

---

我应该把它放在哪里？我把它放在了最后。对话框之后也不起作用，但什么都没有。它只在$modalDialog.load（url，函数）中起作用，但随后它也会影响父页面。如果要在modalDialog.find（“.ewMenu”）.hide（）；$modalDialog.find（.eweaderrow”）.hide（）；$modalDialog.find（'h4'）.hide（）；$modalDialog.find（'btncel”）.hide（）$modalDialog.find（“.ewToolbar”）.hide（）；$modalDialog.find（“.ewfootrow”）.hide（）；而不是对每个类调用hide函数

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