javascript - 无法将 id 分配给有序列表

Question

我使用 YouTube API 提取视频标题并将其显示在有序列表中。这很好用。

目标是使用语音命令单击列表上的项目。 annyang 图书馆让这一切变得简单。问题是，我无法将 id 分配给我用来选择 ol 的有序列表。向 ol 添加 id 会破坏它。

function showResults(results) {
    var html = '';
    html = "<ol id="videoChoice">";
        $.each(results, function(index,value) {
        html += '<li><a data-video-    type="https://www.youtube.com/embed/' + value.id.videoId + '?autoplay=1">    <img src="'  +value.snippet.thumbnails.medium.url +  '">' +     value.snippet.title + '</a>)</li>';        });
html += "</ol>";
        $('#results').html(html);
        $('#results li a').click(function(e){
        playVid($(this).attr('data-video-type'));
    });
}

这就是我访问列表的方式。

"play number *val" : function(val) {
        var test = document.getElementById('videoChoice');
    }

如果我引用 id“results”而不是 videoChoice，它会返回包含 ol 和 li 项的结果 div，所以我知道这个程序没有完全损坏。

如果我为我的有序列表分配一个 id，为什么它会中断？

Answer 1

仅作为答案发布，因为我无法发表评论，但我认为您应该有 "<ol id='videoChoice'>"如果你想给它 id 'videoChoice'，或者如果它是你想要的变量 "<ol id="+videoChoice+">" ，所以如果破坏它的错误是我认为的那样，那是因为您在 videoChoice 之前关闭了字符串，然后在其之后开始一个新字符串，如果您想在字符串中给出字符串，则必须使用单引号为内弦。

但是，反之亦然(即外部字符串使用单引号，内部字符串使用双引号)，这就是它适用于第五行的原因。

希望这有帮助。