使用jQuery从iFrame操作主框架？

Question

我在iFrames上作弊，创造了一种AJAX上传的幻觉。上传完成后，我需要传达有关上传到主框架的文件的信息并列出它。

如果主框架中有以下UL，而iFrame中的JS变量名为filename，我该如何将file_name附加到列表中？

<ul id="uploaded_files">
  <li>My_file_name.jpg</li>
</ul>

Answer 1

取决于jQuery的加载位置：

// jQuery is in the parent window
parent.$('#uploaded_files').append('<li/>').text(filename);

或

// jQuery is in the iframe
$('#uploaded_files', parent).append('<li/>').text(filename);