使用Jquery使用一个代码行访问iframe中的DOM元素和iframe外部

Question

我有一个包含div的页面。

CODE

<div id="main_data">My main div</div>

我也在另一个页面（父页面）的iframe中托管此页面。

我有一个隐藏/显示单击按钮时运行的div的函数。 我从页面本身和托管页面的父页面调用该函数。

现在我正在使用此代码从页面本身访问“Main_data”div

var element = $('#main_data');

我正在使用此代码从父页面访问“Main_data”div，该页面在iframe中托管页面。

“graphFrame”是父页面中iframe的ID

var element = $('#graphFrame').contents().find("#main_data");

这意味着我正在复制代码，我不喜欢它。 我想知道是否有一种方法可以通过一行代码访问DOM元素，这两种代码都适合这两种情况？

Answer 1

我没有看到很多代码重复，我认为没有必要使用它：

function accessor(selector){
    return ($('iframe').length ? $('iframe').contents() : $(documents)).find(selector);
}

未经测试