JQuery textarea值为空

这类问题往往会立即遭到反对票.如果您有答案,请帮忙！谢谢.

我有一个脚本,在dom中添加了一个textarea.当我输入数据并稍后尝试检索它时,该值返回空.

这成功设置了textarea的值：

$("textarea").each(function(){
    $(this).val("ASDFASDF");
});

这成功设置了textarea的css后台属性：

$("textarea").each(function(){
    $(this).css({"border":"2px solid red"});
});

但这不会返回值：

$("textarea").each(function(){
    alert($(this).val());
});

我尝试过.text(),. html(),. value – 它们都没有返回任何内容！它不会警告“undefined”或null,而只是一个空值.

我无法弄清楚为什么.

提前感谢您的建议.

更多信息

HTML是：

<textarea id="Bio" rows="4"></textarea>

JQuery库：
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

加载dom后,按钮会触发功能.

这里是代码的简化版本：
http://social-gamer.com/textarea.html

解决方法

它确实有效,还有其他问题.你可以 see it working here

<textarea>Hello One</textarea>
<textarea>Hello One two</textarea>
<textarea>Hello One two three</textarea>

$("textarea").each(function(){
    alert($(this).val());
});

>您使用的是什么版本的jQuery？
>在加载DOM之前,您的代码是否正在运行？
>你的HTML是什么样的？您是否正在为textarea分配值属性？这不起作用,见http://jsfiddle.net/2bjLJ/1/

其他说明

当您想要在所有底层对象上调用方法时,不需要每个对象.

$("textarea").each(function(){
    $(this).val("ASDFASDF");
});

$("textarea").each(function(){
    $(this).css({"border":"2px solid red"});
});

它可以

$("textarea").val("ASDFASDF");
$("textarea").css({"border":"2px solid red"});

但是,在阅读它时,您必须调用每个,否则您将从jQuery集合中的第一个对象获取值

Working Example