如何跟踪有序列表中的顺序，该列表具有一个循环列表项，提供不同的参数

How to track order in ordered list that has one looping list item fed different parameters

本文关键字：列表 有一个 具有一 循环 参数 顺序 何跟踪 跟踪      更新时间：2023-09-26

我正在填充YouTube视频列表。我希望列表按编号排序。问题是，我的有序列表只有一个列表项。该项使用 Jquery.each 循环访问，并在每次迭代时被赋予不同的值。

在下面的示例中，它的编码方式，每个列表项都列为数字 1。

$.each(results, function(index,value) {
        html += '<ol><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><ol>';        });
        $('#results').html(html);

您可以在添加到 ol 之前缩短结果。然后你可以像下面这样添加：

html = "<ol>";
$.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);

你应该改变你的代码。将每个列表追加到ul 。

 $.each(results, function (i) {
   $('<li>').appendTo('.orderedList'); //Class of `ul`
 }
相关文章：