html移动div里内容,将外部html的DIV内容移动到另一个文件的div

我有3个html文件。 Index.html调用chat.html。 Chat.html正文包含一个DIV，我想用第三个HTML文件(star.html)的Div来填充，该文件位于与chat.html相同的文件夹中。将外部html的DIV内容移动到另一个文件的div

chat.html -

Chat - Group Menu

Mobile Layout

Chat stuff to appear here

//some DIV content here

star.html - 我使用

hello all

jQuery代码(在外部.js文件)是 -

$(document).ready(function() {

$("#stars").click(function() {

alert("change DIV to show STAR stuff");

$("#testDIV").load('star.html');

});

});

此处显示的警报。但内容并没有转向chat.html Div。

我在这里错过了什么？

+0

您单击的＃stars元素在哪里？ –

+0

另外，你是如何加载'chat.html'？ –

+0

“星星”是我单击的图像的ID。它位于上面chat.html文件的页脚DIV中。此导航选项卡有3个图像。第二个图像是星星。代码如下。