访问嵌套元素jquery

时间:2018-07-31 09:25:56

标签: jquery dom

下面是文档结构,我想为输入类型text = id_5

分配一个值

我有代码

var a =   $("#pl_main").contents().find("frame[name=pl_app]")[0];
console.log(a);

它正在返回框架的内部文档,正在工作中……

但是我不能继续

a.find("#frm_81")

不再起作用,任何建议和指导都应该是可取的,如果不清楚,请不要投票反对。

<iframe id="pl_main">
    <frame name="pl_App">
        <html>
        <body>
            <div>
                <div>
                    <table>
                        <tr>
                            <td>
                                <form id="frm_81">
                                    <fieldset>
                                        <fieldset>
                                            <input type="text" id="id_5" />
                                        </fieldset>
                                    </fieldset>
                                </form>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

        </body>
    </html>
</frame>


</iframe>

1 个答案:

答案 0 :(得分:0)

a是DOM对象,而不是jQuery对象。也命名框架具有frameName.document-因此,请尝试此操作。我想测试,但是SO不允许iframe

var $if1   = $("#pl_main");
var if1Doc = $if1[0].contentWindow.document;
var f1     = if1Doc .getElementsByName("pl_app")[0];
var doc    = f1.contentWindow.document; 
var inp    = doc.getElementById("id_5"); // assuming unique IDs