技术饭

Jquery取得iframe中元素的几种方法

copylian    0 评论    2684 浏览    2018.11.12

在index.html里面借助jQuery访问:

$("#test").contents().find("#test").css('color','red');   

此代码的效果和JS直接访问是一样的,由于借助于jQuery框架,代码就更短了。

收集网上的一些示例:

用jQuery在IFRAME里取得父窗口的某个元素的值,只好用DOM方法与jquery方法结合的方式实现了

1、在父窗口中操作 选中IFRAME中的所有单选钮

$(window.frames["iframename"].document).find("input:radio").attr("checked","true");

2、在IFRAME中操作 选中父窗口中的所有单选钮

$(window.parent.document).find("input:radio").attr("checked","true");

父窗口想获得iframe中的Iframe,就再加一个frames子级就行了,如:

$(window.frames["iframe1"].frames["iframe2"].document).find("input:radio").attr("checked","true");

3、在子窗口中调用父窗口中的另一个子窗口的方法(FRAME):

parent.frames["Main"].Fun();

注意:建议使用[],这样比较兼容多个浏览器,() 火狐/搜狗/谷歌不兼容。

4、父级刷新子iframe

window.frames['iframename'].document.location.reload(true);

飓风呀
感谢你的支持,我会继续努力!
扫码打赏,感谢您的支持!
Jquery iframe 

文明上网理性发言!

  • 还没有评论,沙发等你来抢