在div中加载外部内容并操作dom

我想将外部内容（从不同的域名）加载到div中，并操纵这个外部加载的内容的dom。例如，我加载了div bbc.com，我希望能够在此页面中选择所有“a”标签链接。这里是我为例已经jscribble 在div中加载外部内容并操作dom

$(document).ready(function(){ 

$('#wrap').contents().find('iframe').mouseenter(function() { 
    $('a').hide(); 
}); 
});

做这种JScribble，我刚才已经尝试让“一”的标签，才能看到反应过来使用.hide（）函数，如果“标签”被发现。但由于跨域安全性，似乎没有找到它。

所以我不知道iframe是解决方案。

是否有任何其他方式来加载一个div内的外部内容和操纵dom？（外部内容具有不同的域名）

来源

2015-04-04 user3206631

它不可能使用操作与跨域，您需要iframe的内容调用到您的域名...

如果你的文件是HTML，那么你应该试试这个

 

    $(document).ready(function(){ 
     $(document).ready(function($) { 
     var tmp = $('#wrap iframe').contents().find('html').mouseenter(function() { 
     $('a').hide(); 
    }); 
       // alert(tmp); use for debugging 
      }); 
    });

当鼠标进入到将会消失的锚标签（隐藏）！同样你可以做鼠标退出时，你可以显示它回来...

来源

2015-04-05 07:00:35

它仍然没有工作....它似乎没有工作..这是我的东西已经尝试过了：http：//www.nathaliedupasquier.fr/Load_2/index.html – user3206631 2015-04-05 13:44:13

由于same origin policy，您无法使用跨域iframe执行操作。你可以做的是获取iframe内容服务器端并将其作为来自你自己的域的服务器。

这些链接可以帮助cors，phantom

来源

2015-04-04 22:09:11 tkay

要去试试这个，谢谢你 – user3206631 2015-04-04 23:14:27

在div中加载外部内容并操作dom

回答

相关问题