JQuery 文本区域值为空

Question

这类问题往往会立即得到反对票。如果您有答案，请帮忙!谢谢。

我有一个脚本，可以将文本区域添加到 dom 中。当我输入数据并稍后尝试检索它时，该值返回空。

这成功设置了文本区域的值:

$("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 - 它们都没有返回任何内容!它不会警告“未定义”或 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

Answer 1

它确实有效，但有其他问题。您可以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 是什么样子的？您是否为文本区域分配了值属性？这不起作用，请参阅http://jsfiddle.net/2bjLJ/1/

其他说明

当您想在所有底层对象上调用方法时，不需要 each。

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

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

这可能只是

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

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

Working Example