是否可以使用jquery从另一个html读取div的内容?

时间:2010-08-03 15:12:14

标签: jquery

我试图读取myDiv的内容,它位于一个单独的html文件中并在当前页面中做一些追加,这可能吗?我知道有load(),但它显示整个html。

$( ".myDiv" ).each(function(){

//do stuff

});

我尝试了$('#result')。load('ajax / test.html #container')route,但它将#container中的内容加载到id为#result的div中。想要读取来自ajax / test.html的id为#container的div的内容,进行一些更改,然后在id为#result的div中显示它...即时尝试使用驻留在另一个页面上的div上的每个函数,希望我正在制作某种意义

2 个答案:

答案 0 :(得分:6)

.load()也可以加载page fragments。来自文档的示例调用:

$('#result').load('ajax/test.html #container');

只会将div文件中带有#container的{​​{1}}加载到ID为test.html的{​​{1}}。

http://api.jquery.com/load/

<强>更新

加载&amp;修改您需要内容div方法的内容,例如

#result

答案 1 :(得分:0)

您可以对未显示的元素使用加载。

像这样的东西(未经测试,虽然我曾做过类似的事情)

var a = document.createElement("div");
$(a).load("otherpage.html");

然后你可以对加载的html做任何你想做的事。