Javascript 在子iframe中使用来自父级的jquery

我想在子iframe中使用jquery库。父窗口包含jquery库。 这是包含在iframe中的脚本

$p=parent.window.$;
$p(document).ready(function (){
        console.log($p('#bla').val()); 
        console.log($p('#searchedCity').val());
    }
);

$p（'#bla'）.val（）

-我试图获取位于iframe中的输入文本字段的值。现在它返回未定义的

$p（“#searchedCity”）.val（）
-这是父窗口中输入文本字段的值。它返回正确的值

当我将jquery库直接包含到iframe中时-
$（'#bla'）.val（）
可以正常工作

我错过了什么？你能帮我吗？
我不知道它是否也有相同的功能，但试试这个：

console.log($('#bla', p).val()); 
console.log($('#searchedCity', p).val());

这是因为您在父容器中搜索元素
$p（“#bla”）
#bla
。在当前iframe中加载jquery并使用
$

$p=parent.window.$;
$p(document).ready(function (){
    console.log($('#bla').val()); 
    console.log($p('#searchedCity').val());
   }
);

是的，当父文档准备就绪时，您正在调用这些函数，这可能无法正常工作

$(document).ready(function (){
    console.log($('#bla').val()); 
     $p=parent.window.$;
    console.log($p('#searchedCity').val());
   }
);

试试这个：

$p=parent.window.$;
    $p(document).ready(function (){
        console.log($('#bla').val()); 
        console.log($p('#searchedCity').val());
    }
);

为什么不想在iframe中添加jquery库？您也应该在iframe中加载jquery库，并尝试我下面给出的答案。因此，没有办法不将jquery库直接包含到iframe中？我想没有…）。。除非您尝试从加载jquery的父文档中获取iframe textbox值。。。iframe本身中没有任何脚本。结果相同：(