jquery - 查找单个 jquery 后代

Question

我遇到了一些问题，看起来使用 JQuery 应该很容易做到。基本上我的页面上有一个表格。表格中的每一行都有一个复选框和一个金额单元格。我正在尝试编写一个函数来遍历每一行并检查复选框是否已选中。如果是这样，它会将金额添加到我的总额中，以便我可以将其显示在页面底部。由于某种原因，我找不到我的复选框。下面是页面上的 html。

<div class="BillAccordian">
<h3><A href="#">Past Due Bills - Total $ 1047.62 </A></h3>
<div>
    <table style="background-color:Red">


    <tr>
        <td>
            <input class="RowSelector" id="BillInfo_PastDueBills_0__Selected" name="BillInfo.PastDueBills[0].Selected" type="checkbox" value="true" />
            <input name="BillInfo.PastDueBills[0].Selected" type="hidden" value="false" /> 
        </td>
    <td>
        RE 
    </td>
    <td>
        334 
    </td>

    <td>
        1047.62 
    </td>
    <td>
        Bill Number 20121 
    </td>
</tr> 
        </table>
    </div>
</div> 

这是我现在正在使用的 JQuery 脚本来尝试完成此任务

$('input.RowSelector').click(function () {
        var sum = 0;
        alert("1");
        // we want to sum up the values of all input.sum elements that are in the same tr
        // as this one
        $('tr').each(function (e) {
            var val;
            alert($(this).find(".RowSelector")[0].is(':checked'));
            if ($(this).closest("input.RowSelector").val() == true) {
                alert("3");
                //                val = parsefloat($(i).find(".BillAmount").val());
                //            
                //                if (isNaN(val) || val === undefined) {
                //                    return;
            }

            //                sum += val;
        });
        //            $(this).find('#SelectedTotal').val(formatDollar(sum));
    });
}); 

现在很多内容都被注释掉了，因为我只是想找到我需要继续的选择器。使用函数中的警报我什么也得不到。我认为它不喜欢我添加的 [0]，但使用 find 没有它我一直没有得到任何结果。我确实检查了 $this.html 以确保我有正确的元素，并且它确实返回了带有复选框的整个表行，所以我在这一点上感到困惑。有人可以告诉我我错过了什么吗？

谢谢

Answer 1

$('tr').each(function (e) {
   if ($(this).find('input:checked').length > 0)
   {
      // Do calculation
   }
}