Jquery 获取 iframe 父页面与子页面的元素和方法

.在父页面中查找 iframe 页面元素：

  $("#iframe").contents().find("#id")

在 iframe 中查找父页面元素：

$("#id", parent.document)

在 iframe 中调用父页面中定义的方法和变量：

parent.method
parent.value

下面附上自己的一个小demo 是用的layui的layer实现父页面监听子页面submit按钮

父页面代码

	layer.open({
			 type: 2,
			 area: ['650px', '500px'],
			 title:'用户审核',
			 skin: 'layui-layer-rim', //加上边框
			 content: ['NewExamine/', 'no'],
			 success:function(layero,index){
			 	 $(".layui-layer-content>iframe").contents().find("button[type='submit']").click(function(){ 	
				         要执行的代码
				 })
				 }
		 });

子页面js

子页面ajax请求过来的参数判断状态并提示

		$("button[type='submit']").click(function(){
			var index = parent.layer.getFrameIndex(window.name); /*获取子窗口索引*/
			$.ajax({
				url: '__URL__/simplePerson_check',
				type: "post",
				timeout: 2000,
				error: function() {
				alert("接收数据失败!");
				},
				data: "xh=1",
				//obj.curr代表当前页数,obj.limit代表当前每页的记录条数
				success: function(result) {			
				if(result == 0) {
					layer.msg('审核失敗', {
						icon: 2
					})
				}
				
				if(result == 1) {
					parent.layer.msg('审核成功', {
						icon: 6
					})
					parent.layer.close(index);			
				}
			}
		});
})