javascript - 当 css 类或 div 文本内容发生更改时，如何获取更新的 html()

Question

我对 JQuery 的 html() 函数有问题，它不返回 div 的更新 css。

我的div封装在父div中。在JQuery中，根据某种逻辑，我通过addClass()或removeClass()在div上添加或删除css类。我还更改了一些 div 的文本内容。

后来我想使用 html() 函数来获取更新的父 html() 的整个 html 并复制到其他地方。

html() function() 获取初始 html 并且没有获取 ant 更改:(

我创立了这个主题，但有描述的解决方案来更新表单值: similar problem

是否有任何类似的解决方案来更新 css 类和 div 文本内容，以便 html() 函数能够获取对它们的更改？

Answer 1

因为您将 html() 保存到 var，然后您调用 var 而不是使用新的 var。请参阅示例

$(function(){
  var first = $('p').html();
  console.log(first); //first
  $('p').html('second');
  console.log(first); //first
  console.log($('p').html()); //second
  $('p').html('third');
  console.log(first); //first
  console.log($('p').html()); //third
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>first</p>