检查先前的值是否已更改，如果已更改，则将更改前的先前值放入日志表中并在屏幕上打印该日志表

Question

我正在尝试处理用户可以更改值的工作表，但我希望当用户更改值时，先前的值应该存储在某个地方，然后可以打印在屏幕上的更改日志表上我试过下面的代码$("classPreviousValue").on('focusin', function() {    $(this).data('val', $(this).val());});$("classPreviousValue").on('change', function() {  var $prev = $(this).data('val');  var $current = $(this).val();  if ($prev !== $current) {      alert ("Things changed");    $(this).css("color", $currentDayColor);    $("#divChangeLog").html($("#divChangeLog").html() + "<br>Value changed from $prev"); };    });   

Answer 1

课程以句号.classPreviousValuenot开头classPreviousValue。并尝试切换on('focusin'到each循环遍历所有这些，而无需用户交互。同样在if语句的末尾，将 data-val 更改为新值。

$(".classPreviousValue").each(function() {

    $(this).data('val', $(this).val());

});

$(".classPreviousValue").on('change', function() {

  var $prev = $(this).data('val');

  var $current = $(this).val();

  if ($prev !== $current) {

      alert ("Things changed");

    $(this).css("color", $currentDayColor);

    $("#divChangeLog").html($("#divChangeLog").html() + "<br>Value changed from " + $prev);

    $(this).data('val',$current); //set data-val to new value

   };

 });