如何用另一个div(但外部html页面)替换div?

时间:2015-05-11 14:40:09

标签: javascript jquery html

我想更换div' mainbox'存在于html页面' index.html'这个存在于html页面' list-div':

<body> 
    <div id="divet">
     Sempre caro mi fu quest'ermo colle,
     e questa siepe che da tanta parte dell'ultimo orizzonte
     il guardo esclude 
    </div>
 </body>

我做了:

$(document).ready(function(){
    $('#mainbox').load('list-div.html #hey');
});

但它不会运行。 请帮帮我。

2 个答案:

答案 0 :(得分:1)

<强> HTML

<div id="divet">
     Sempre caro mi fu quest'ermo colle,
     e questa siepe che da tanta parte dell'ultimo orizzonte
     il guardo esclude 
</div>

<强>的jQuery

$(document).ready(function(){
    $('#mainbox').load('list-div.html #divet');
});

找不到您的#hey ID,请将其替换为#divet

答案 1 :(得分:0)

尝试这种方式:

$(document).ready(function(){
    var tempDom = $('<div></div>'); //create an element to store html
    $('div', tempDom).load('list-div.html', function(){  //load page content
        $('#mainbox').html($('#divet', tempDom).html()); //copy html content to mainbox element
    });
});