Question

所以，我试图从iframe内的元素获取数据属性。这个iframe在我们的网站内。所以，当我点击下一个按钮时，我有一个具有以下代码的回调。

onNext : function(){
   var $img = $(".tacobowl").contents().find(".url").data('img');
   var $imgFolder = $(".tacobowl").contents().find(".url").data('imgFolder');
   alert($img + ' ' + $imgFolder);    
},

此代码返回一个警告框，显示“undefined undefined”。

课程taco已附加到<iframe class="taco"></iframe>

然后这是iframe里面的html。

<div class="url" data-img="small" data-imgFolder="breakfast">

</div>

我已经能够使用以下代码添加类。但是，我无法从同一个div中获取数据属性。

  $(".tacobowl").contents().find(".url").addClass("taco100");

甚至可以以这种方式获取数据属性吗？

Answer 1

尝试：

$('.url',$(".taco").contents()).data('img');

$(".taco")是你的iframe，对吧？

你如何使用jquery获取iframe内的数据属性？

1 个答案: