javascript - 为什么 foo & bar 在比较时不返回 true？(jQuery)

Question

我试图做一个比较。当用户第一次单击文档名称时，该名称应存储为变量。当用户添加或减去名称时，就会发生一些事情。（除非名称返回到原始名称；存储在变量中）。

这两个变量似乎不相等，或者我使用了错误的比较，我不确定如何实现这一点。

我的标记：

<td class="document-name" contenteditable="true"><?= str_replace('_',' ',$document->name); ?> </td>

我的 jQuery：

$(document).ready(function(){
      $('.document-name').keyup(function(){
        var bar=$(this).html().replace(/ /g,'');
        var foo=$(this).data("oldName");
        console.log("oldName is:" + foo);
        console.log("Bar is:" + bar);
        if(foo===bar){
          console.log("foo and bar are the same")
        }
      }).click(function(){
        $(this).data("oldName",$(this).html().replace(/ /g,''));
      });
    });