javascript - 如何将动态变化元素的值存储为静态值？

Question

我认为这是一个超级基本的问题，但我有点困惑。

如果我想对动态更改其值的 jQuery 对象的文本值进行快照，我该怎么做？

例如，var text = $('#div').text()将使 text 等于div它被引用时的任何文本值，但我希望它在设置表达式的那一刻始终等于div's text 值。

Answer 1

您可以将选择器存储在变量中：

var container = $('#div');

然后，您可以随时访问其文本。它将始终是最新的内容：

if ('value' == container.text()) {}

Answer 2

您可能可以使用该change事件来执行此操作。

IE：

var text = $("#div").text();
$("#div").on("change",function() {
    text = $("#div").text();
});

每次焦点从指定元素移动时都会触发该change事件，因此不会在每次击键时发生。

根据How can I get jquery .val() AFTER keypress event? ，您可以使用keyup事件而不是更改，以在更改后立即获取值。

Answer 3

您可以将它们添加为查询字符串或将它们保存在 cookie 中。