javascript - 用新数据替换附加数据

Question

我有一个表单，当用户提交值时，我的 jquery 脚本会计算表单值并输出计算出的数据。

这工作正常，除非用户再次单击提交按钮，它将我删除的数据附加到现有数据(重复的数据或重新附加新数据)。

如果用户单击“提交”两次，我只想它覆盖现有的循环输出。

  for (i = 1; i <= $jumps; i++) {

        if (i == 1) {
            var $num = $jumpSize * i;
        } else if (i == 2) {
            var $num = ($jumpSize * i) + $stops;
        } else {
            var $num = ($jumpSize * i) + ((i - 1) * $stops);
        }

        $('.output').append("<p>Num:" + i + " " + parseInt($num) + "</p>");

    }

如果用户点击提交按钮两次，是否可以替换循环数据。

这是一个演示 http://jsfiddle.net/knard/EY8MJ/13/

Answer 1

使用.html而不是.append来替换内容。例如...

$('.output').html("<p>Num:" + i + " " + parseInt($num) + "</p>");