01 jquery 跨iframe操作dom元素

第一、在iframe中查找父页面元素的方法：

$('#id', window.parent.document)

第二、在父页面中获取iframe中的元素方法：

$(this).contents().find("#suggestBox")

第三、在iframe中调用父页面中定义的方法和变量：

parent.method parent.value

JQUERY、JS调用IFRAME父窗口与子窗口元素的方法

jquery 在iframe子页面获取父页面元素代码如下:

$("#objid", parent.document)

jquery在父页面获取iframe子页面的元素代码如下:

$("#objid",document.frames('iframename').document)

3.js 在iframe子页面获取父页面元素代码如下:

indow.parent.document.getElementByIdx_x("元素id");

4.js 在父页面获取iframe子页面元素代码如下:

window.frames["iframe_ID"].document.getElementByIdx_x("元素id");

5.子类iframe内调用父类函数：

window.parent.func();

原博入口

02 jquery 跨方法传节点参数

<div data-div="dddiv">
            <ul data-ul="ddduuulll">
                    <li data-index="0"><div class="ck" onclick="clickMe(this)">就点我</div></li>
                    <li data-index="1"><div class="ck" onclick="clickMe(this)">就点我</div></li>
                </ul>
    </div>
    
    
    <script>
        function clickMe(self){
            var thisParents = $(self).parents("div").attr("data-div");
            var thisUl = $(self).parents("ul").attr("data-ul");
            console.log(thisParents);
            console.log(thisUl);
            clickMeNext(self);
        }
        function clickMeNext(_self){
            var thisParents = $(_self).parents("li").attr("data-div");
            var thisUl = $(_self).parents("ul").attr("data-ul");
            console.log(thisParents);
            console.log(thisUl);
        }
        第二个方法只能取到第二层的父级
    </script>