将html添加到之前使用jQuery加载的html文件中?

时间:2017-01-05 04:54:24

标签: javascript jquery html

假设我已使用jQuery .load函数将html文件加载到另一个html文件中。加载的html文件的div为 random_div 。是否可以将html <div id="loaded_html_div"></div>纳入#random_div

以下是我的想法:

$(document).ready(function(){
    // random.html has the div of id random_div
    $('#html_container').load('random.html');

    $('#random_div').html('<div id="loaded_html_div"></div>');
)};

我也试过

$('#random_div').append('<div id="loaded_html_div"></div>');
$('#random_div').load('<div id="loaded_html_div"></div>');

它们也不起作用。

谢谢!

2 个答案:

答案 0 :(得分:1)

您正在尝试在加载元素之前添加HTML,因为ajax是一个异步进程。所以在load()方法的成功回调中做到这一点。

requests.get

答案 1 :(得分:1)

在成功加载另一个文件后,您必须附加div。

$(document).ready(function(){
    $('#html_container').load('random.html', function(){
        // Whatever you want to add in #random_div.
        $('#random_div').html('<div id="loaded_html_div"></div>');
    });    
});