Jquery操作 iframe父级页面的dom元素的方法

ligerUI表格行渲染 

//全局变量
var grid=null;
var gridparams;
var gridColumn =[
	{display: 'id ',name: 'id',align: 'left',width:300,hide:true} ,
	{display: '产品名称',name: 'cpmc',align: 'center',width:200,render : function (record, rowindex, value, column) {
		//this     这里指向grid
		//record   行数据
		//rowindex 行索引
		//value    当前的值，对应record[column.name]
		//column   列信息
		//return value;  //返回此单元格显示的HTML内容(一般根据value和row的内容进行组织)
		var navTabId=$("#navTabId").val();
		var url=basePath + '/tongjicx/tjcxIndex?htgl_tgid='+record.id+'&navTabId='+navTabId;
		if(value){
			//return value="<a href="+url+">"+value+"</a>";
			//return value='<a href="javascript:void(0);" myid="'+record.id+'" myUrl="'+url+'"  onclick="cpmcHref('+record.id+','+url+');" >'+value+'</a>';
			return value='<a href="javascript:void(0);"  class="myahref" myid="'+record.id+'"  myUrl="'+url+'" >'+value+'</a>';

		}
		return "";
	}} 
];

jquery操作 iframe父级页面的dom元素

//表格中产品名称链接 跳转
$('#htglTableId').on('click',".myahref",function() {
	var myid=$(this).attr("myid");
	var myUrl=$(this).attr("myUrl");
	$("body",parent.document).find('li[tabid="C101"] > a').html('统计查询');
	window.location.href =myUrl;
});

参考链接：jQuery的on绑定click和直接绑定click区别 https://www.cnblogs.com/lalalagq/p/9906600.html

参考链接：jquery操作 iframe父级页面的dom元素的方法

1. $("body",parent.document).append('这是子级页面添加的内容！'); 
2. $("body",parent.document).find('#example').html('子级页面将替换父级页面的内容！'); 

另外对于javascript操作iframe对象有几点需要说明的是：

iframe里的js要操作父级窗口的dom，必须搞懂几个对象：

parent是父窗口（如果窗口是顶级窗口，那么parent==self==top），

top是最顶级父窗口（有的窗口中套了好几层frameset或者iframe），

self是当前窗口（等价window），

opener是用open方法打开当前窗口的那个窗口；