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

Question

我试图读取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上的每个函数,希望我有一些意义

Answer 1

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

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

只会加载div与ID #container出来的test.html文件,到div用的ID #result.

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

更新

要加载和修改内容,您需要使用底层.ajax()方法,例如

$.ajax({
   url:      'yourfile.html',
   type:     'GET',
   dataType: 'html',
   success:  function(data){
        var $content = $(data).find('.myDIV');
        if($content.length){
           $content.find('p').text('modified');

           $('#some_local_id').append($content);
        }
   }
});