Javascript 使用jQuery动态填充具有相同ID的div

我正在使用History.js动态填充html页面的主体，以防止整个页面刷新。但是，如果数据和div的ID相同，我在获取数据和填写div时遇到问题。我所有的页面都是结构化的：

<div id="content">
    <div id="container">
        ...

---

我希望能够从“content”中获取数据并填充“content”div，但当我将find（）中的变量更改为“content”时，它将不返回任何内容。

为什么不使用类似的内容？：

$('#content').fadeTo(600, 0, function() {
        $(this).children('#container').html(data).delay(200).fadeTo(600, 1);
    });

---

您可能希望尝试使用

$（数据）.find（'div[id=container]'）.html（）

而不是

$（数据）.find（'#container'）.html（）

您正试图用

container

div的html替换

content

div的html。您将丢失

容器

div

找到它

---

通过使用

$（数据）.查找（“#容器”）.parent（）.html（）

理想情况下，您的所有ID都应该是唯一的，否则选择器无法正常工作。我希望从“内容”而不是容器获取html。但是，当我将

$（数据）.find（“#container'）.html（）

更改为

$（数据）.find（“#content'）.html（）

时，它不会返回任何内容。我不想将

content

div的html替换为

container

div的html。我只是想用另一个页面的html替换一个页面的

content

div的html。

$('#content').fadeTo(600, 0, function() {
        $(this).children('#container').html(data).delay(200).fadeTo(600, 1);
    });