使用Jquery为内部iframe html元素添加类

Question

朋友们，我曾尝试使用jquery为iframe html元素添加类，但我不能，我不知道怎么做。你能解释一下这怎么可能做到的。我尝试使用查询

为iframe添加类

$("iframe").addClass("myClass");

它适用于iframe，但我想在jquery中的iframe元素中添加该类，你可以帮助我解决它。

Answer 1

您需要使用函数contents()来获取iframe中的文档，然后您必须使用函数find()来选择iframe中的元素。

$("iframe").contents().find("#element").addClass("myClass");

Answer 2

此解决方案运行良好。 首先，您需要创建像这样的javascript函数

function addingClass()
{
    $("#iframe").contents().find("#element").addClass("myClass");
}

然后在您的iframe控件上只需添加onload =“ addingClass（）;”

希望获得帮助。

Answer 3

检查jQuery/JavaScript: accessing contents of an iframe

$("iframe").contents()可以访问iframe中的html元素。

Answer 4

试试这个：

$("iframe").contents().find('YourElemnet').addClass('myClass')

查看更多信息：contents

Answer 5

1. 首先使用JS获取iframe。 StackOverFlow

2. 将CSS文件添加到iframe StackOverFlow。

然后你可以使用你想要的所有CSS。 ：）