来自数组的Jquery carouFredSel

Question

我正在使用caroufredsel并通过html添加旋转木马的元素：

<ul>
  <li> element 1 </li>
  <li> element 2 </li>
  <li> ... </li>
</ul>

我现在想做的不是硬编码html中的元素，而是让caroufredsel从javascript数组读取条目。

这个是可能的吗？

Answer 1

可以使用$.each()循环数组并将变量追加到ul中。

$(document).ready(function() {
    var testArr = ["element 1","element 2","element 3","element 4"];
    var listItem ="";
    $.each(testArr, function(i, val) {
         listItem += "<li>" + val + "</li>";
    });

    $('#myUL').html(listItem);
});

演示