无法使用jQuery将链接元素附加到iframe

Question

我正在构建一个Web应用程序，通过前端的HTML / CSS / jQuery和后端的python使我的业务更加自动化。

我用jQuery编写了一个简单的脚本，用ajax调用路由并将数据作为json接收，之后解析它并根据它的长度返回iframe列表：如果我们在该列表中有20个项目，我们想要5个每页的项目，创建4个页面并在每个链接中放置5个iframe。

以下是负责此功能的代码：

        $('.pageContent').empty()
                        for (var i = 0; i < vidPageList.length; i++){
                            var videoUrl = vidPageList[i].videoLink
                            var postUrl = vidPageList[i].postLink
                            console.log(postUrl)
                            $('<iframe src ="'+videoUrl+'" class = "videoEntry" width = "360" height = "250"></iframe>').appendTo( ".pageContent" )
                            $('<a class = "postLink" href = "'+postUrl+'"> Video link </a>').appendTo(".videoEntry")
                        }

问题：

iframes被完美添加但链接根本没有添加，我不知道为什么，控制台没有向我显示任何错误，我试图调试postUrl的值并且它们都是正确的，它为什么这样做？看起来负责添加链接的最后一行无法正常工作，我还试图通过一次appendTo()调用添加所有内容，但它只添加了iframe，我在这里缺少什么？

Answer 1

第一次运行选择器时，没有.videoEntry类，因为它位于iframe中。在附加之前首先制作所有html内容可能很有用。