javascript - 清除jquery元素的dom缓存？

Question

我有一个 jQuery 元素 $foo

它包含带有文本区域的 html。但是如果我更改 textarea 的值并在更改后使用 $foo.html() ，则 html 结果不会实现...

(不好)示例:http://jsfiddle.net/sNYYD/781/

var $foo = $('#foo'); console.log($foo.html());

$foo.on('keyup', function(){console.log($foo.html());});

如何删除或禁用 jquery dom 缓存？

编辑示例=============================================== =========

我做了一个简单的例子，但答案很糟糕，抱歉，我的用例更具体，看起来像这样:

http://jsfiddle.net/sNYYD/790/

我需要知道如何在我的元素的 $.cache 中找到要删除的好键，以在我的全局变量中实现元素的 html。

Answer 1

您需要访问实际文本区域的值:

    var $foo = $('#foo');
    console.log($foo.html());

    $foo.on('keyup', function(){console.log($foo.find('textarea').val());});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo">
    <textarea>testing 123</textarea>
</div>

查看更新后的 fiddle :http://jsfiddle.net/sNYYD/782/