javascript - jquery 从 iframe 访问 window.parent 的 data()

Question

在我的父窗口中:

<input type=text size=100 id="picker1" data-listoption="1" data-type="size">

然后在 iframe 中我有

<script>
  $(document).ready(function(){

    var parent_input = $("#picker1", window.parent.document);
    var searchdata = $(parent_input).data();
        var listtype = $(parent_input).data('listoption');
    console.log(searchdata);
        console.log(listtype);


});     

并且控制台中的两个输出都是空的。这里缺少什么？

Answer 1

Jquery 不提供使用窗口的父级来限定选择器范围的能力。但是您可以使用 parent 从子级访问父级上的 jQuery。

尝试:

var parent_input = parent.$("#picker1");
var searchdata = $(parent_input).data();
var listtype = $(parent_input).data('listoption');
console.log(searchdata);
console.log(listtype);

工作示例 http://jsfiddle.net/AEj4Z/