java-jquery控制frame內點擊然後改變另一個frame某個標簽的文本內容

jquery控制frame內點擊然後改變另一個frame某個標簽的文本內容

frame頁面：

 <frameset>
    <frameset rows="25%,75%" border="1" frameborder="1" bordercolor="#1E90FF" >
        <frame src="#" id="top" name="top" noresize="noresize" scrolling="no" border="1" frameborder="1" bordercolor="#1E90FF" />
            <frameset cols="10%,90%"  >
                <frame src="#" id="left" name="left" noresize="noresize" scrolling="yes" border="1" frameborder="0" bordercolor="#1E90FF" />
                <frame src="#" name="mainFrame" id="mainFrame" border="1" frameborder="0" bordercolor="#1E90FF"/>
            </frameset>
    </frameset>
</frameset>

top頁面：

 <script type="text/javascript">
    $(document).ready(function(){
        $("#yh").click(function(){
            $(parent.frames["left"].document).find("#show").html("xxxx");
        });
    });
</script>
<li><a id="yh" href="#" target="mainFrame"><span>xxxx</span></a></li>

當我點擊這個標簽時，我想改變left.jsp 頁面上id為show的標簽的內容。但是沒反應。
請各位前輩不吝賜教！！謝謝！！！

最佳回答：

沒有跨域，可以通過window.top，找到iframe的最頂層窗口。
有最頂層窗口，再對下層的iframe進行操作。

如頂層窗口有:
function A(){
iframe2.xxx.innerHTML = "xxxxx";
};

iframe中，可通過window.top"A";調用到A方法