清除jQuery元素的dom缓存？

Question

我有一个jQuery元素$ foo

它包含带有textarea的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找到删除我的元素的好键，以在我的全局$.cache中实现元素的html。

Answer 1

您需要访问实际textarea的值：

  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> 

请参阅更新的小提琴： http : //jsfiddle.net/sNYYD/782/

Answer 2

更改文本区域中的文本不会影响实际的html，这就是为什么您总是获得相同的值的原因。 如果仅需要文本，则可以使用其他解决方案之一，但是如果您需要整个html，则必须采用此值并将其放入实际的html中，如下所示：

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

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

UPDATE这是新示例的解决方案。

JSFiddle： http : //jsfiddle.net/sNYYD/792/

Answer 3

因为textarea仅通过val()显示数据，而不是html() 。 您正在调用唯一的HTML，但是Textarea不支持通过html()函数调用显示键入的text content

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

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <!-- By http://jquery4u.com / Sam Deering --> <div id="foo"> <textarea>test</textarea> </div> 

Answer 4

重复的答案我会说如何通过jQuery获取包含更新的值属性的html（）表单？

我感觉无法使用jQuery删除或禁用DOM缓存。

Answer 5

 $(document).ready(function(){ $("textarea").keyup(function(){ $(this).html(console.log($(this).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>