表格单元格计算问题：如何通过ID指定单个表格执行Find().Each()逻辑

问题根源 #

1. 你当前的代码遍历了所有.tableTab2下的<tr>，但只有表头的<tr>设置了和表格相同的ID，数据行没有，所以IF判断只会匹配到表头那一行，自然只处理第一行。
2. 同一个页面中ID必须唯一，你给<table>和它下面的<tr>设置了相同ID，违反HTML规范，会导致选择器逻辑混乱。

修正方案 #

1. 重写JavaScript函数

直接通过传入的ID定位目标表格，再遍历该表格内的数据行，无需全局遍历后判断：

let calculateDiscountFromEffective = function(id){
    console.log(' BUTTON PRESSED ' + id);
    // 定位目标表格，遍历其tbody内的数据行（避免处理表头）
    $(`#${id}`).find("tbody tr").each(function(){
        let targetDisc = calculateRequiredDiscountRate($(this));
        $(this).find(".discountRatePercent").val((targetDisc * 100.0).toFixed(2));
        calculateDiscount($(this));                    
    });
}

2. 修正表格HTML

移除表头<tr>上重复的ID，保证页面ID唯一性：

<table class="table tableTab2" id="{!oppWrapper.oppSchoolName}">
    <thead>
        <tr>
            <th class="col1">{!$Label.FE_P2_Receivable_Name}</th>
            <th class="col2">{!$Label.FE_P2_Purchase_Date}</th>
            <!-- 其他表头列 -->
        </tr>
    </thead>
    <tbody>
        <!-- 数据行无需设置与表格相同的ID -->
        <tr>
            <!-- 包含.daysOutstanding、.maturityBuffer等元素的单元格 -->
        </tr>
    </tbody>
</table>

3. 按钮代码保持不变

按钮的ID与表格ID一致，点击时传入的ID可以正确定位目标表格：

<button class="btn btn-tertiary" id="{!oppWrapper.oppSchoolName}" onClick="calculateDiscountFromEffective(id);return false;">Calc. rates</button>

说明 #

• 直接通过#${id}定位目标表格，比全局遍历后判断更高效，逻辑更清晰。
• 限定遍历<tbody>内的行，确保只处理业务数据行，不会误操作表头。
• 遵守HTML ID唯一性规范，避免后续出现其他选择器相关问题。

内容的提问来源于stack exchange，提问作者Slava