使用PHP或jQuery或Ajax从静态HTML文件导入div的内容?

Vik*_*Rao 4 html php ajax jquery

朋友你好新手问题...

问题是这样的:

我有一个静态HTML文件,我想将该文件的一部分导入另一个页面.我怎样才能做到这一点.

示例代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Some title here</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<div id="box-1">
    <div class="block">

    <!-- Some code here -->

    </div>
</div>

<div id="box-2">
    <div class="block">

    <!-- Some code here -->

    </div>
</div>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

现在我想要的是阅读这个HTML文件并导入这一点:

<div id="box-1">
    <div class="block">

    <!-- Some code here -->

    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

有办法吗?

请帮助.

即使是PHP,jQuery,Ajax或任何其他解决方案也可以.请帮我.

Pek*_*ica 10

您可以使用jQuery的load()来仅指定要加载的特定容器:

$('#targetdiv').load('static.html #box-1');
Run Code Online (Sandbox Code Playgroud)