javascript - 总计 Jquery 汇总

Question

我已经使用 HTML 创建了一个表格。该表由一个标题和许多称为 Family 的行组成。每个家庭行可以有许多行代表家庭的各个成员(请参见下面的代码)。

<table width ="100%" class="gridtable">
     <tr>
         <th>Family Name</th>
         <th>Address</th>
         <th>Age Total</th>
    </tr>
     <apex:repeat value="{!Families}" var="Families">
          <apex:repeat value="{!Families}" var="Family">
              <tr>
                <td>{!Family.familyName__c}</td>
                <td>{!Family.address__c</td>
                <td>
                    <div id="{!Family.id}">
                          <apex:outputText id="RollUp" value="{0,number,#,###,###,###,###,##0.00}">
                                <apex:param value="{!Family.AgeTotal}"/>
                          </apex:outputText>
                     </div>
               </td>
           </tr>
               <apex:repeat value="{!Family.member}" var="line">
                    <td>{!line.firstName__c}</td>
                    <td>{!line.gender__c}</td>
                    <td>
                        <apex:inputField value="{!line.Age}" onchange="rollupSummary('{!Family.id }');">> </apex:inputField>

我的问题，是否可以使用 jquery 更新 Family.AgeTotal 字段？下面是我已经开始研究的 JQuery，但我有点卡住了？有机会得到任何指导吗？

function rollupSummary(familyId)
{
     //$j('#'+familyId)
     //$j('#'+'001b000000OQirKAAT').children('span').text('xxx');
     var v = $j('#'+familyId).children('span').val();
     var c = $j('#child'+familyId).children('span').val();
     $j('#'+familyId).children('span').text(v)
 }

Typical Table:
Family Name         Address               Age Total
Smith           17 Smith Street              20
      James                    Male       17
        Sam                    Female      3
Been            17 Been Street               23
        Bob                    Male       17
        Tom                    Female      6

因此，如果我更改史密斯家族的输入值，则仅应更新史密斯的总年龄。

提前致谢!

Answer 1

嗯，我不太确定我理解你的结构，因为表中没有具体数据，但是有了这个 FIDDLE ，我假设您在可识别的特定领域有特定的年龄，并且出于某种原因，您想要年龄的总和。

JS

$('#buttonid').click(function(){
    var personage = 0;
    var newage = 0;
    $('table tr td.age').each(function(){
          newage = +$(this).html(); 
          personage = personage + newage;
                                         });
    $('.totalage').append(personage);
});

但话又说回来，我可能已经精疲力竭了。

编辑:

好的，根据您的表格，我会尝试一下，您需要为每个姓氏提供一个 .each，然后为每个年龄提供一个 .each。如果您有姓氏、类(class)的 td 以及年龄的 td，可能会更容易。

var personage = 0;
var newage = 0;
$('table tr td.familyname').each(function(){
                                            $('table tr td.familyname td.age).each(function(){
                                                             newage = +$(this).html(); 
                                                          personage = personage + newage;
                                                                                              });
                                          $('table tr td.familyname td.totalage').append(personage);

                                             });

让我玩一下我的 fiddle ，看看我能想出什么。