使用jQuery点击按钮后如何将src添加到iframe？

Question

我想添加一个从数据嵌入到 iframe 的链接作为 src，但它不起作用。 请帮助我，我是 jQuery 的新手。这是我的代码；

 function initPlaylist() { const videoIframe = document.querySelector('#iframe-embed'); const videoItems = document.querySelectorAll('.vid-item'); videoIframe.src = window.atob(videoItems[0].getAttribute('data-embed')); for (var i = 0; i < videoItems.length; i++) { videoItems[i].addEventListener("click", function(event) { videoIframe.src = window.atob(event.target.getAttribute('data-embed')); $(this).addClass('selected').siblings().removeClass('selected'); }); $(videoItems).first().addClass('selected'); } }(jQuery);

 <div id="player-wrap"> <div class="responsive-vid"> <iframe allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" marginheight="0" marginwidth="0" scrolling="no" frameborder="0" height="350px" id="iframe-embed" width="100%" target="_blank"></iframe> <div class="playlist-wrap"> <div class="video-list"> <a class="vid-item" data-embed="https://asianhdplay.net/streaming.php?id=MzU1ODc0&title=Miracle+of+Love+%282022%29+episode+17&typesub=SUB">Episode 01</a> <a class="vid-item" data-embed="https://asianhdplay.net/streaming.php?id=MzU1ODc0&title=Miracle+of+Love+%282022%29+episode+17&typesub=SUB">Episode 02</a> <a class="vid-item" data-embed="https://asianhdplay.net/streaming.php?id=MzU1ODc0&title=Miracle+of+Love+%282022%29+episode+17&typesub=SUB">Episode 03</a> <a class="vid-item" data-embed="https://asianhdplay.net/streaming.php?id=MzU1ODc0&title=Miracle+of+Love+%282022%29+episode+17&typesub=SUB">Episode 04</a> <a class="vid-item" data-embed="https://asianhdplay.net/streaming.php?id=MzU1ODc0&title5=Miracle+of+Love+%282022%29+episode+17&typesub=SUB">Episode 05</a> <a class="vid-item" data-embed="https://asianhdplay.net/streaming.php?id=MzU1ODc0&title=Miracle+of+Love+%282022%29+episode+17&typesub=SUB">Episode 06</a> </div> </div> </div>

在此处输入图像描述

Answer 1

你可以这样做

        $(".vid-item").on('click', function() {
            $("#iframe-embed").attr('src', $(this).attr('data-embed'));

            //or 
            $("#iframe-embed").attr('src', $(this).data('embed'));

            //or
            $("#iframe-embed").prop('src', $(this).prop('data-embed'));
        })