jquery .html() 函数问题答案

【问题标题】：jquery .html() function issuejquery .html() 函数问题
【发布时间】：2011-12-01 12:20:00
【问题描述】：

如果我在 div 中有一个 Textarea。类似的东西

   <div id="section3">
    <textarea id="txtArea1">old value
    </textarea>
   </div>

并通过使用：

alert($('#section3').html());
$('#txtArea1').val('new value');
alert($('#section3').html());

两个警报都使用 ("old value"); 显示相同的标记；有什么办法可以刷新 html 以便最后一条语句获取更新的 html 标记？

【问题讨论】：

标签： jquery html

【解决方案1】：

$("#txtArea1").html("new value");
alert($("#txtArea1").html());

【讨论】：

【解决方案2】：

我认为这可能是特定于浏览器的问题。您可以使用this jsFiddle 对其进行测试。
上面的代码在 Firefox 中失败，但在 IE 中有效。 See this stackoverflow question and answer for more detail.

【讨论】：

【解决方案3】：

您需要将.val() 与 textareas 和 jQuery 一起使用。这有点违反直觉，因为 textarea 的内容是 inside 标签，而不是 value=""，但这是 jQuery 保持一致性的方式。

alert($('#section3').val());

$('#textarea').val('new value');

alert($('#section3').val());

会给你新的价值。

【讨论】：

【解决方案4】：

试试这个：

alert( $('section3').text() );

最后一行。

【讨论】：

【解决方案5】：

您没有 ID 为“textarea”的 textarea。尝试改变

$('#textarea').val('new value');

到

$('#txtArea1').val('new value');

【讨论】：

【解决方案6】：

改变这一行：

 $('#txtArea1').val('new value');

收件人：

 $('#txtArea1').text('new value');

【讨论】：