Html 附加Iframe src

我有一个函数，其中onclick，我希望iframe附加到我网站中的另一个div。因此，当用户单击“观看youtube视频”时，这将从“youtube视频”中获取iframe，并将src仅附加到“固定播放器”iframe src

我尝试过使用下面的jQuery，但遇到了一个错误。有人能帮忙吗

HTML

---

要设置jQuery对象的

src

属性，应改用，即：

.attr（'src'，

）：

---

怎么了？如果您不告诉我们错误是什么，我们将无法帮助您解决此错误：）哎呀！未捕获的TypeError:$（…）.parent（…）.parent（…）.parent（…）.find（…）.attr（…）.appendTo不是函数，因为

attr（'src'）

返回字符串。不能对字符串调用

appendTo（）

。

<div class="fixed-player"><iframe src=""></div>

<div class="span-row wow scale-anm all animated">

    <div class="portal-img ">

        <div class="youtube-video">
            <iframe frameborder="0" height="100%" width="100%" src="https://youtube.com/embed/10zsTgv8MxA?autoplay=1&amp;mute=1&amp;controls=0&amp;showinfo=0&amp;autohide=1&amp;loop=1" allowautoplay="" allowfullscreen="" data-origwidth="100%" data-origheight="100%" style="width: 0px;">
            </iframe>
        </div>           


    </div>

<div class="portal-cont ">

  <div class="top-cont ">

    <div class="main-button grey-btn watch-youtube-video">
      Watch Video
    </div>           

  </div>
</div>

</div>

$('.watch-youtube-video').on('click', function(){
    $('.overlay').fadeIn();
    $('.youtube-viewer-pop').fadeIn();
    $(this).parent().parent().parent().find("iframe").attr("src").appendTo('fixed-player');
});

const src =  $(this).parent().parent().parent().find("iframe")[0].src;
$('.fixed-player').attr('src', src);