Question

我想通过jQuery将另一个HTML（additional_content.html）中的 table 元素加载到当前的HTML中。我设法加载内容但我无法访问插入的元素，就好像它们没有插入一样。但是，在 load 语句之后插入 alert 语句时，我能够访问通过加载插入的表的元素。在我看来，DOM树不会立即更新。

父文档中的代码片段如下所示：

<div id="content"></div>
<script>
  $("#content").load("additonal_content.html #content table").hide();
  $("#content").find("img").each(function() {
    alert("test");
  });
</script>

* additional_content.html中的表格是（摘录）：

<table>
  <tr>
    <td><img src="image1.gif"></td>
    <td>some text...</td>
  </tr>
  <tr>
    <td><img src="image2.gif"></td>
    <td>some text...</td>
  </tr>
</table>

Answer 1

看到内容在点击'find'语句时尚未加载。

尝试使用回调，la：

<script>
$("#content").load("additonal_content.html #content table",function(){
 $("#content").find("img").each(function() {
    alert("test");
 });
});
 </script>

jQuery：加载外部HTML内容;对插入元素的访问失败

1 个答案: