Manipulate the outer DOM in the iframe tag

stay iframe Operate on the outer layer of the label dom

There's a problem today , Record here .
It is the same management system , Up and down , Down left and right ; On the left is the menu list, On the right is the content area , At the top of the content area is a tab label , To collect the currently open pages , Exhibition title, Can be closed manually .
What is displayed in the specific content area , It uses iframe Switch labels src Realized .
The problem here is simple , Is in the iframe The event that triggers the outer layer in ,a The label control click Just a moment .

It's used here jq：

const changeAElement =(href,name)=>{
    
	$("#transAElement", window.parent.document).attr('href', href).text(name)[0].click();
}
//  Link quality analysis   Details jump 
$('.detailsBtnLeft1').on('click', () => {
    
	let href = "/newPage.html";
	let name = ' Quality analysis '
	changeAElement(href,name)
})

Outermost layer dom：

<a id="transAElement" style="position: relative;left: -1000px;opacity: 0;" class="J_menuItem" href=""> Inquire about </a>

J_menuItem Of dom A click event will be added , Click the event to get href attribute , to iframe Used as a src Use .

Internal projects , No more maps .