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

Question

我想计算另一个td中的特定td和display。但是，它只显示 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

实际上，您只需找出获取值所需的每个元素即可。

查看下面的演示以更好地理解。

$("#v1").on("keyup", function() {
    var numberV2 = parseFloat($(".v2").text());
    var numberV1 = parseFloat($(this).val());
    $('.result').html(numberV2 - numberV1);
});

<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>