Question

我有以下HTML代码：

<body>
  ...
  <div id="users">
      <iframe src="http://control.intranet/userlist.php" height="100">
  </div>
  ...
</body>

//control.intranet/userlist.php从我们的Intranet控制面板加载用户列表。

此列表如下所示：

<div class="user">
    <span class="name">Boda Cydo</span>
    <span class="ip">10.42.12.2</span>
    ...
</div>
<div class="user">
     ...
</div>
...

现在我想格式化用户列表的外观，所以我尝试将其中的元素与jQuery匹配：

$("#users .name").css("background-color", "#FF0000")

但它永远不会匹配单个.name。

我甚至尝试了$("#users").length并返回0.

这让我觉得我无法用jQuery编辑通过iframe加载的DOM元素。真的吗？如果是这样，我如何编辑通过iframe加载的元素的CSS？

谢谢，Boda Cydo。

Answer 1

.contents（）方法也可以用于获取内容文档 iframe，如果iframe是相同的域名作为主页。

来自：http://api.jquery.com/contents/

Answer 2

试

$("#iframeid").contents().("#users .name").css("background-color", "#FF0000");

仅当您的iframe和主页属于同一个域时，它才有效。

Answer 3

快速谷歌搜索给了我：http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

是否可以编辑通过<iframe>加载jQuery？</iframe>加载的DOM元素

3 个答案: