在iframe中寻找iframe父类中的元素

<div class="main-container" id="main-container">
    <div class="main-container-inner">
        <a class="menu-toggler" id="menu-toggler" href="#"> <span
                class="menu-text"></span>
        </a>
        <jsp:include page="left.jsp"/>

        <div class="main-content">
            <div class="content-header">
                <div class="breadcrumbs" id="breadcrumbs">
                    <ul class="breadcrumb" id="breadcrumb">
                        <li><i id="homeIcon" class="icon-home home-icon"></i><span style="padding-left:10px;" id="parentName"></span>
                        </li>
                    </ul>
                </div>
            </div>
            <iframe id="main_right" class="embed-responsive-item" frameborder="0" scrolling="auto" name="main_right"
                    style="position:fixed;">
            </iframe>
        </div>
    </div>
    <input type="hidden" name="userName" id="userName"/>
</div>

在iframe中的代码去改变iframe外的内容，使用jquery
1.首先通过jquery获得body外的元素

$(“body”, parent.document).find(‘#parentName’)获得的是parentName元素；