Question

我试图从两个单独的HTML列表中逐个拉出每个元素，然后将每个元素打印到另一个元素之后。如果这没有意义，这里有一些伪代码可以更好地解释我想要实现的目标。

$('#tracktitle').append("<li class='titlelist'><a href='" + track.permalink_url + "' target='_blank'>" + track.title +"</a><br></li>")
  $('#trackimage').append("<li class='imagelist'><a href='" + track.permalink_url + "' target='_blank'><img src='" + track.artwork_url + "' /></a></li>");

for(var i =0;i<7;i++){
  // print 1st tracktitle
  // print 1st image
  // print 2nd tracktitle
  // 2nd image ... etc
}

任何帮助将不胜感激

Answer 1

如果必须使用for循环，请执行此操作

for (var i = 0; i < 7; i++) {
    $('#tracktitle').find('li:eq(' + i + ')'); // gives you the li tracktitle element as per index
    $('#trackimage').find('li:eq(' + i + ')'); // gives you the li trackimage element as per index
}

使用文本和图像

$('#tracktitle').find('li:eq(' + i + ')').find('a').text();
$('#trackimage').find('li:eq(' + i + ')').find('a').html()

如果您想浏览元素

，也可以使用jquery.each

$('#tracktitle').find('li.titlelist').each(function () {
   $(this) // gives you li element
});

检查http://jsfiddle.net/raunakkathuria/FVTUN/3/

JavaScript / JQuery - 用于循环从列表中提取项目

1 个答案: