计算特定td并在其他td中显示

Question

我想计算另一个td中的特定display和td。但是，它仅显示NaN ...有人可以帮助修复它吗？

<table class="table1">
            <tr>
                <td class="v2">29</td>
                <td>
                    <input id="v1" class="v1" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                </td>
                <td class="result"></td>
            </tr>
        </table>

    $(function(){
    $("#v1").on("keyup", function() {
        $('.table1 tr').each(function(i){
        var sum = parseFloat($(this).find('.v2').text()) - parseFloat($(this).find('.v1').val());
            $(this).find('.result').text(sum);
        });
    });
});

Answer 1

您不需要迭代每个TR元素

$(function(){

$("#v1").on("keyup", function() {
 sum=parseFloat($('.v2').text())-parseFloat($('.v1').val());
    $('.result').text(sum);
 });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table1">
            <tr>
                <td class="v2">29</td>
                <td>
                    <input id="v1" class="v1" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                </td>
                <td class="result"></td>
            </tr>
        </table>