Question

我有一个包含多个div标签的iframe。我无法控制div类名称。

为此，我有2个具有相同类名的DIV，我想选择具有此DIV内容的第二个DIV。我现在无法管理任何事情，我只能使用下面的代码检索整个iframe。

var myIFrame = document.getElementById("iframe");
var content = myIFrame.contentWindow.document.body.innerHTML;
alert(content);   
$("#comment").val(content);

如何检索第二个DIV的内容？

Answer 1

这将为您提供.className

的第二个div的内容

$("div.className:eq(1)", content).html();

Answer 2

试试这个：

$('#iframe').contents().find('div.myClass').eq(1)

Answer 3

尝试导航到第二个div，而不是停在身体上。

var content = myIFrame.contentWindow.document.body.childNodes[1].innerHTML;

或

var content = myIFrame.contentWindow.document.getElementsByTagName("div")[1].innerHTML;

Answer 4

如果iframe是同一个域，则可以轻松访问这些元素

$("#iframe").contents().find(".somediv").eq(1);

参考：http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

从iframe中选择具有相同类名的两个DIV中的第二个

4 个答案: