如何在JQuery上获得td元素的价值?

时间:2011-08-31 09:35:07

标签: javascript jquery

我有数字表需要总结。 例如:

<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 =“”)

3 个答案:

答案 0 :(得分:3)

您可以使用.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()

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

我不太确定我在这里是否正确回答,不清楚你是否正在寻找一种方法来从TD元素中获取文本,或者说你在某个类(选择器问题)中找不到所有td的麻烦

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

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

$('td').text();