Question

当用户点击平均值和最大值旁边的标签计算按钮时，我想获得<td>值的平均值和最大值

<html>
<table id="table" style="height:350px;margin-left:1em;width:700px;">
    <!--this is my table header-->
    <tr style="display:table-row">
        <th class="checkbox"><input type="checkbox"/></th>
        <th class="Name">NAME</th>
        <th class="Score">SCORE</th>
        <th class="Email">EMAIL</th>
        <th class="Empty"></th>
    </tr>
    <tr>
        <!--tabledata-->
        <td ><input type="checkbox" /></td>
        <td >Vijay Prakash</td>
        <td >34</td>
        <td >vijay@example.com</td>
        <td ></td>
    </tr>
    <tr>
        //table data
        <td ><input type="checkbox" /></td>
        <td >Sashi Pagadala</td>
        <td >21</td>
        <td >sashi@example.com</td>
        <td ></td>
    </tr>
</table>
<input type="button" id="btnCalculate" value="Calculate"/>
<label>Average:</label>
<label id="lblAverage"></label>
<label>Max:</label>
<label id="lblMax"></label>
</form>
</html>

Answer 1

我在您的道明信息中添加了一个包含数字的课程，以便更轻松。

HTML：

<td ><input type="checkbox" /></td>
<td >Vijay Prakash</td>
<td class="number">34</td>
<td >vijay@gmail.com</td>
<td ></td>

的jQuery

$("#btnCalculate").click(function() {
    var total = 0;
    var highCount = 0;

    $("table tr td.number").each(function() {
        total += Number($(this).text());
        if (highCount < $(this).text()) {
            highCount = $(this).text();
        }
    });

    $("#lblMax").text(highCount);
    $("#lblAverage").text(total / $("table tr td.number").length);
});

小提琴：http://jsfiddle.net/Kjm6Z/1/

如何使用jQuery计算所有表格单元格中存在的值的平均值？

1 个答案: