jquery控制frame内点击然后改变另一个frame某个标签的文本内容

Question

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的标签的内容。但是没反应。
请各位前辈不吝赐教！！谢谢！！！

Answer 1

没有跨域，可以通过window.top，找到iframe的最顶层窗口。
有最顶层窗口，再对下层的iframe进行操作。

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

iframe中，可通过window.top"A";调用到A方法