遍历删除和添加对象属性

Question

我有一个函数，该函数向我传递一个实例，其中im tryin显示4个不同的html元素，一次只能显示1个。

function(instance, context) {

  var blank = $('#blank');
  var good = $('#good');
  var mediocre = $('#mediocre');
  var bad = $('#bad');

  instance.canvas.append(blank);
}

然后另一个函数向我传递更新后的值。但是此循环仅适用于第一次迭代，我不知道为什么

function(instance, properties, context) {

  var strength = properties.strength;
  var red = properties.red_shows_until;
  var yellow = properties.yellow_shows_until

  if (strength > 0 && strength < red) {
    blank.remove();
    instance.canvas.append(bad);

  } else if (strength >= red && strength < yellow) {
    bad.remove();
    instance.canvas.append(mediocre);
  } else if (strength >= yellow) {
    yellow.remove();
    instance.canvas.append(good);
  } else {
    good.remove();
    instance.canvas.append(blank);
  }
}