如何从外部html替换div的内容?

时间:2015-05-05 18:33:02

标签: jquery html

我想抓住div的内容。那个div有一个外国的html。 我试过了

$(document).ready(function(){
               $('#mainbox').load('includes/divone.html');
           });

div mainbox是一个主要内容

html页面divone.html是:

<body>
<div id="div1">hey bulldog!</div>


</body>

但它没有运行!

1 个答案:

答案 0 :(得分:0)

您是否在等待页面加载? 请记住,加载是一个非阻塞的api。

以下是适用于我的代码

主页:

<!doctype html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div id="mainbox"></div>
<script>
$(document).ready(function(){
        $( "#mainbox" ).load( "/load.html", function () {
             $('#div1').html("hello world");
        });
});
</script>
</body>
</html>

加载页面:

<body>
<div id="div1"></div>
</body>