jquery查找iframe里元素方法详解
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery查找iframe里元素方法详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1968字，纯文字阅读大概需要3分钟。
内容图文
这次给大家带来jquery查找iframe里元素方法详解，jquery查找iframe里元素的注意事项有哪些，下面就是实战案例，一起来看一下。问题：
今天在公司是给ckeditor添加一个“是否显示”图片标题的功能
难点：
插件的内容很多，功能相当强大，在短时间之内无法通读和理解里面的逻辑关系，而且修改的内容不能破坏插件内部的逻辑关系，不能因为添加一个功能而引入更多的问题，因此只能从局部去解决这个问题
突破口：
知道页面时使用iframe框架插入的html，页面有些初始化的功能是在这里完成的，因此在这里添加这个checkbox组件，然后根据最后的window去寻找自己想要处理的window对象——window.parent.document.body
jQuery(expression, [context])——如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。
下面这个例子就是想在iframe的父窗口中添加组件
代码如下:
$('tr.cke_dialog_ui_hbox', parent.document.body).prepend('<td><input type="checkbox" id="show_img_title" class="cke_dialog_ui_hbox_first">照片标题描述带入日记</td>');
不能在闭包里面去访问动态添加的组件，因为在页面加载的时候就已经运行了闭包里面的东西，但是页面还没有添加ID为kkkk的组件，使用$("#kkkk")得到的值就为空，这样不能实现预期的目的，出现异常的现象，在浏览器中会报脚本错误
如何判断jquery是否查找到符合条件的对象？
if(0==$(".check_show_img_title", parent.document.body).length){
alert("没有查找到对象");
}else{
alert("有"+$(".check_show_img_title", parent.document.body).length+"组件符合查询条件");
}经验之谈：
在页面中动态添加了组件之后，由于刷新页面就恢复了正常初始化的状态，但是如果是局部刷新，可能会添加多个组件，但是如果只需要一个组件，则就是在离开页面的时候删除自己动态添加的组件，这样问题就来了，可能在不同的浏览器中不能删除，这样就会很郁闷，产生出浏览器兼容的问题，既然是这样那么可以换一种思维方式，在某种状态（在标签中添加属性）下就添加，否则就不添加，这样就不用去删除自己添加的组件了，换种方式解决了浏览器兼容的问题
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
获取iframe中document对象步骤详解
iframe中页面锚点失效如何处理
以上就是jquery查找iframe里元素方法详解的详细内容，更多请关注Gxl网其它相关文章！
内容总结
以上是互联网集市为您收集整理的jquery查找iframe里元素方法详解全部内容，希望文章能够帮你解决jquery查找iframe里元素方法详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。