您能否看一下这个演示并告诉我为什么我没有获得 .app
单元格的总和?
var total = 0;
$(".app").each(function() {
total += parseInt($(this).val());
});
$("#total").html(total);
#total {
height: 100px;
width: 100px;
padding: 15px;
color: #fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td class="app">50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td class="app">94</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td class="app">94</td>
</tr>
</table>
<br />
<div id="total"></div>
最佳答案
将 parseInt($(this).val());
更改为 parseInt($(this).html());
因为 td 单元格没有任何 value 属性并将总计的 color
属性更改为 #000
(黑色),因为输出将不可见。
var total = 0;
$(".app").each(function() {
total += parseInt($(this).html());
});
$("#total").html(total);
#total {
height: 100px;
width: 100px;
padding: 15px;
color: #000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table style="width:100%">
<tr>
<td>Jill</td>
<td>Smith</td>
<td class="app">50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td class="app">94</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td class="app">94</td>
</tr>
</table>
<br />
<div id="total"></div>
关于javascript - 使用 jQuery 获取表列总和的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36380810/