Jquery访问窗口的data().来自iframe的父元素

jquery accessing data() of window.parent from iframe

本文关键字：iframe 来自 元素 访问 窗口 data Jquery      更新时间：2023-09-26

在父窗口我有:

<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);

});

和控制台中两个输出都为空。这里缺少了什么?

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/

相关文章：