HTML-Tabelle bei Änderung editierbar

Question

Ich versuche, eine einzelne Zeile in einer Tabelle zu ändern. Zum Beispiel V1 oder V2, aber wenn ich V1 in der Theorie ändern, sollte es nur ändern T1, aber das funktioniert nicht. Wenn ich das Feld V1 ändere, ändern die Felder T1 und T2 ihre Werte.

\t $('#editable').editableTableWidget(); 
 
\t $('#editable td.uneditable').on('change', function(evt, newValue) { 
 
\t \t return false; 
 
\t }); 
 

 
    $('#editable td').on('change', function(evt, newValue) { 
 
\t if($("#V1").text()){ 
 
\t $("#T1").text(+ $("#A1").text() - + $("#V1").text()); 
 
    } 
 
    });

<table id="editable" class="pure-table pure-table-bordered"> 
 
    <tbody> 
 
    <tr> 
 
    <td>Apples</td> 
 
    <td id="A1">10</td> 
 
    <td id="V1">2</td> 
 
    <td id="T1"></td> 
 
    </tr> 
 

 
    <tr> 
 
    <td>Pear</td> 
 
    <td id="A2">22</td> 
 
    <td id="V2">2</td> 
 
    <td id="T2"></td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 1

T2 wird ihr Wert nicht ändert es nur neue Breite anwenden können, wenn T1 neue td Breite und itcan sieht bekam wie es seine geändert wurde, aber nicht.

Here is a demo