jquery .html（）函数问题

Question

如果我在div里面有一个Textarea。像

这样的东西

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

并使用：

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

两个警报都显示相同的标记（“旧值”）; 有什么方法可以刷新html所以最后一个语句获取更新的HTML标记？

Answer 1

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

Answer 2

您需要将.val()与textareas和jQuery一起使用。由于textarea内容 in 标签，而不是value=""，它有点反直觉，但它是如何完成的通过jQuery来保持一致性。

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

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

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

会给你新的价值。

Answer 3

试试这个：

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

将它作为你的最后一行。

Answer 4

你没有id为“textarea”的textarea。试着改变

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

到

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

Answer 5

更改此行：

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

要：

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

Answer 6

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