使用ajax加载方法加载后更改div内容

Question

index.html page :

I am loading the new.html page using ajax load method and then tried to change the content of the div#rr but it did not work!

any solution ?

Answer 1

Try to call the function inside the ajax call function.

$('.container').load('new.html',function(){
      $('#rr').html('modified') 
});

next time please do not put image for code.

Answer 2

why your code $('#rr').html('modfied'); is not working because you are calling the change before jquery ajax.load() method is able to load the content from your new.html and as result your id #rr is not found. So, instead of calling the modify code after the load statement call the modifying statement in your load()'s complete() as:

$('#btn').on('click', function () {
            $('.container').load('new.html', function () {
                $('#rr').html('modfied');
            });
        });

and please go through the jquery documentation for more info on how to use the functions Jquery Documentation for Load() funciton .