SRC iframe 在单独的页面上 Jquery答案

【问题标题】：SRC Iframe on seperate pages JquerySRC iframe 在单独的页面上 Jquery
【发布时间】：2023-03-12 17:30:02
【问题描述】：

我的标记是这样的

<div class="images">

<a rel="prettyPhoto" href="http://mindlever.com.sg/economicstuition /wp-content/uploads/Why-Do-Countries-enact-Protectionism.jpg" itemprop="image" class="woocommerce-main-image zoom" title="Why-Do-Countries-enact-Protectionism" data-videolink="https://www.youtube.com/embed/Rylkrzn7A9g">
   <iframe src="https://www.youtube.com/embed/Rylkrzn7A9g" width="460" frameborder="no" height="315"></iframe>
</a>

</div>

查询 1：我的 jquery 用于获取 src（不工作）：

  $(function(){

    var title = $(".woocommerce-main-image.zoom").attr('title');
    var src = $(".woocommerce-main-image.zoom").find('iframe').attr('src');
    alert(src);
 });

结果是UNDEFINED

查询 2（总体任务）：将 iframe 的父锚点的 href 替换为其 SRC 值。

这样做的原因：我在现场有视频产品。每个视频产品都加载了自己的 iframe。视频可以在现代浏览器中播放，但不能在 IE 9 及更低版本中播放。可能是因为 Attr data-videolink 不能在 IE 和更少的环境中工作。即使我可以设法在这里更改锚点的 HREF - .jpg 链接，我的问题也解决了。虽然点击后的视频显示在整页而不是 iframe（缩略图大小）中，但现在想不出任何其他解决方案。

请指导我正确的做法！

【问题讨论】：

标签： javascript jquery iframe

【解决方案1】：

你有一个错字：

".woocommerce-main-image zoom"
                        ^

您为类选择器放置了后代组合器而不是 .。

【讨论】：

我更正了这一点并早先检查过。这不是问题。我在这里编辑过
这很奇怪！它仍然给我未定义。我尝试将此代码附加到新的 js 文件，但无法获得相同的结果。