每个jQuery总是返回最后一个值

Question

如何停止.each（）每次运行时选择最后一个值？

var array = ["test1", "test2", "test3"];

$("#list li").each(function() {
  if ($(this).hasClass("one")) {
    addedClass = "red";
  } else {
    addedClass = "blue";
  }
});

for (var i = 0; i < array.length; i++) {
  $("#results").append("<p class=" + addedClass + ">" + array[i] + "</p>");
}

JSFiddle

Answer 1

你必须在一个周期内合并。

试试这个解决方案：

var array = ["test1", "test2", "test3"];

$("#list li").each(function(index) {
  if ($(this).hasClass("one")) {
    addedClass = "red";
    $("#results").append("<p class=" + addedClass + ">" + index + "</p>");
  } else {
    addedClass = "blue";
    $("#results").append("<p class=" + addedClass + ">" + index + "</p>");
  }
});