如何使用$ .get数据替换网页中的某些元素?

时间:2010-05-28 12:36:30

标签: jquery html ajax

我正在使用jQuery 1.4.2在类似的网页之间平滑导航(在ff3中)。单击链接时,javascript脚本应加载新的html,过滤掉正确的元素并在当前页面上替换它们。

看起来$(htmlcode)没有做我预期的事情。直接加载页面时,下面的操作有效,但是当使用$ .get时,我遇到以下问题:

  • find函数似乎只是查看一个名为id =“page”的div元素,它位于body元素内
  • 其中一个元素有<script>...</script>,但<script>...</script>不存在于$(htmlcode)的DOM中。

有人知道如何解决这个问题吗?

  $.get(
      url,
      function(responseText, textStatus, xmlHttpRequest) {
          alert($(responseText).find("#header")); // works, #header is inside div#page
          alert($(responseText).find("#header").html()); // displays content, but WITHOUT the <script>...</script>
          alert($(responseText).find("title")); // not found, title is outside div#page
     }
  );

1 个答案:

答案 0 :(得分:1)

jQuery提供.load()方法就是出于这个原因。

$('#element_to_insert').load(url + ' #header');