多个iframe中根据src获取特定iframe并执行操作

多个iframe中根据src获取特定iframe并执行操作

前言：在项目中做一个批量编辑工单时需要在一大堆的iframe中的某一个iframe里边再用模态框的形式显示编辑区域，然后再在模态框里边加入iframe实现批量编辑的页面，最后在提交后无法实现跳转，就是当前模态框无法关闭，想到模态框的关闭是通过modal:hide关闭，就想在后端输出js代码直接通过click事件来关闭模态框

---

具体问题：

• 在多个iframe中找到当前的iframe
• 找到当前iframe之后操作iframe中的模态框关闭按钮，增加click事件

解决办法：

• 通过iframe的src属性寻找iframe
• 通过$("#frame_1").contents().find("#test"); 来找到iframe下页面中的模态框关闭按钮

通过iframe的src属性寻找iframe：

//js前端获取
var ucrIframe = window.top.$("iframe[src='/osp2016/agent/tickets.php']");

获取iframe页面中的元素并添加事件：

var ucrIframe = window.top.$("iframe[src='/osp2016/agent/tickets.php']");
//获取iframe元素  **.contents().find()
eg : curIframe.contents().find("#closeModal").click();

转载于:https://www.cnblogs.com/alisleepy/p/9982386.html