Javascript 检查Div中的数据是否已编辑

Javascript 检查Div中的数据是否已编辑,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在编辑中的内容。现在我想检查中的数据是否已编辑,如果已编辑,则将其保存在会话中,并在刷新时返回 如何检查数据是否已编辑,然后将其保存在会话中 下面是用于编辑的JS FIDLE 如果需要更多信息,请告诉我 感谢您的帮助。一个简单的解决方案是 单击编辑保存div内容 data = $(this).siblings('.panel-title').html(); data != $(this).siblings('.panel-title').html() 单击“完成”比较保存的

我正在编辑
中的内容。现在我想检查
中的数据是否已编辑,如果已编辑,则将其保存在会话中,并在刷新时返回

如何检查数据是否已编辑,然后将其保存在会话中

下面是用于编辑的JS FIDLE

如果需要更多信息,请告诉我


感谢您的帮助。

一个简单的解决方案是

  • 单击编辑保存div内容

    data = $(this).siblings('.panel-title').html();    
    
    data != $(this).siblings('.panel-title').html()
    
  • 单击“完成”比较保存的内容和当前内容

    data = $(this).siblings('.panel-title').html();    
    
    data != $(this).siblings('.panel-title').html()
    
  • 如果它被编辑过,那么简单地说或者

  • 如果您谈论的是服务器会话,那么您可以进行ajax调用&服务器端应用程序将负责将数据保存到会话中

类似于。

您可能可以为“change”事件添加一个处理程序?顺便说一句,我认为前面的带有on方法和事件委托的JSFIDLE更干净。我现在在“摆弄”。我会让你知道我的结局。看看这个。我进一步更新了。这是跟踪面板主体的内部html:(您将在控制台中看到“Change”和“No Change”)。现在,请记住,这可能会完成工作,但可能会对性能造成影响。我不知道…让我知道这是否是你想要的。哦,你是说像会话存储?(我猜您只希望在单击“完成”并且内容确实发生了更改的情况下将其保存在会话存储中。这是正确的吗?)以下是sessionStorage:(希望这是正确的轨道…也许一些Jquery专家会在这里对其进行润色)这看起来容易多了。但我正在尝试一种方法来检查数据是否在控制器中编辑。如果数据已编辑,请在会话中保存它。有什么方法可以实现它吗?您可能不是在寻找jQuery帮助。。。虽然我不明白为什么不能采用相同的方法来检查控制器中的数据是否发生了更改。每当数据更改时进行ajax调用。。。controller可以从会话中选择数据,查看数据是否不同,如果不不同,则进行更新。即使是Jquery也可以,但我的第一个偏好是使用controller,所以我问。如果与Jquery配合使用,将尝试使用。:)