jQuery text() 和 val() 返回 null

Question

编辑：似乎我没有在我的 textarea 上使用“id”，所以问题已经解决，但我仍然遇到一些 text() 问题

var e = $('textarea#cost-'+i).val(); // e = 1 (for first iteration)
alert($('p#subtotal-'+i).text()); // alert 'subtotal' which is the text in my p#subtotal-1
$('p#subtotal-'+i).text().replaceWith(e); // <- this is the problem, i think
alert($('p#subtotal-'+i).text()); // no alert box at all

这次我确保他们都有 ID。

---

以下代码生成一个警告框，其中没有任何内容。 如果我将其更改为 val() 它会显示“未定义”

---

$('textarea.costbox').live('blur',function() {
for(var i in items) {
alert('iteration '+i);
alert('textarea#cost-'+i);
var e = $('textarea#cost-'+i).text();
alert('cost '+e);
}
});

---

<textarea name="cost-1" class="costbox"></textarea>

---

此代码的想法是在值更改时更新小计。 这是最后一块拼图。

当我在 chrome 中检查时，所有的 HTML 看起来都很正常。我的所有其他代码都运行良好。

这应该使用modernizer1.7 和jQuery1.5.1 运行，基于最近的HTML5Boilerplate。

这是相同基本事物的另一个示例 - http://jsbin.com/obeho5/3/edit

这可能很简单，但我已经被困在这里好几个小时了，看不到它。

[如果它不是很明显和简单的，我可以发布更多代码]

Answer 1

#用于通过ID获取，你的元素没有ID只是一个名字。

添加一个 ID 或使用这个：

'textarea[name="cost-'+i+'"]'

Answer 2

$('textarea#cost-'+i).text();

正在寻找带有ID 的文本区域，你已经给它起了名字，你需要这样做：

$('textarea[name="cost-' + i +'"]').text();

编辑：对于您更新的问题：

$('p#subtotal-'+i).text().replaceWith(e); 

应该是

$('p#subtotal-'+i).text(e);

您无需担心replaceWith，您只需将新文本添加为​​方法的参数即可。

Answer 3

your example 中没有包含 jQuery。使用.val() 可以正常工作：http://jsbin.com/obeho5/4/edit

注意：关于您在问题中发布的代码，其他人是正确的，但您在演示中的标记不同。在演示中，元素具有 ID。