如何在 JQuery 中获取 td 元素的值？答案

【问题标题】：How to get value of td elemets on JQuery?如何在 JQuery 中获取 td 元素的值？
【发布时间】：2011-08-31 09:35:06
【问题描述】：

我有需要汇总的数字表。示例：

<td class="mcost_el.entry[0]">93,08</td>
<td class="mcost_el.entry[1]">544,33</td>

如何获取类mcost_el.entry[]的td元素的所有值并总结？

对于输入，我使用$('#d1').attr("value");。适合这个任务吗？（通过为 td 添加 value=""）

【问题讨论】：

how do I get, parse and sum all the tds' of a table with jQuery? 和 How to Add values in a table together using jQuery? 和 others 的可能重复项

标签： javascript jquery

【解决方案1】：

您可以使用.text() 而不是您建议的。

将您的 HTML 更新为

<td class="mcost_el">93,08</td>
<td class="mcost_el">544,33</td>

在javascript中添加

var _total = 0;

$(function(){
    $('.mcost_el').each(function(){
         _total += parseFloat($(this).text()); // will give you the value.
    });
});

例如http://jsfiddle.net/tqH4y/

另外，以后不用.attr("value")，你可以直接用.val()

【讨论】：

你可以只使用.val()，但不能在td元素上使用；）
+1 表示完整解决方案，parseFloat 但我不确定.mcost_el 是否会在 OP 的示例中选择 td
@JMax，是的，我更改了课程，因为我猜测它最初是尝试解决问题的格式，并且此解决方案可能不需要它。 :)

【解决方案2】：

var tdtotal = 0;
$("td[class^='mcost_el.entry[']").each(function() {
    tdtotal += parseInt($(this).text().replace(",","")); 
})
alert(tdtotal);

工作演示 - http://jsfiddle.net/ipr101/vnXCr/2/

【讨论】：

【解决方案3】：

我不太确定我在这里的回答是否正确，不清楚您是否正在寻找一种从 TD 元素获取文本的方法，或者您是否在针对某个类的所有 td 时遇到问题（选择器问题）

.attr("value") 或更好的.val() 用于输入字段

如果你想从 TD 元素中获取文本，你应该使用：

$('td').text();

【讨论】：