javascript - 使用 .html() 使用 jQuery 在 src 属性 HTML5 中插入变量

Question

我想在 iframe 的源代码中插入一个变量，以使用 .html 插入另一个元素的 href。问题在于存在单引号和双引号。我尝试过，但变量被视为字符串。让 JS 文件将其读取为变量的正确方法是什么？

具体变量是videoUrl。

var newsVideoLink = $('.js-item-video-link');
var videoUrl = newsVideoLink.attr('href');

newsVideoLink.on('click', function(event){
    event.preventDefault();
    newsVideoContainer.css({
        position: 'absolute',
        'z-index': '1',
        top: '0',
        left: '0'
    })
    .animate({
        width: '100%'
    }, 150)
    .html('<iframe src=\"videoUrl\"' +
        ' frameborder="0" allowfullscreen></iframe>');
    newsItemClose.css({
        'z-index': '2',
        top: '-10px',
        right: '-540px',
        'font-size': '1em'
    });
});

Answer 1

只需使用字符串连接:

.html('<iframe src="' + videoUrl '" +