Wie bearbeitet man Werte aller TR einer Tabelle in jQuery

Question

Ich habe den folgenden Code und möchte den Wert der Eingabe ändern und wenn ich die TR Werte bearbeiten würde automatisch ändern.

$('.change').change(function() { 
 
     var element = $(this).parent(); 
 
     console.log('get result: ' + $(this).parent().find('.resultt').val()); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<tbody> 
 
    <form action='' method='POST'> 
 
     <tr> 
 
      <td> ASDADAS </td> 
 
      <td> 2 </td> 
 
      <td> 2017-08-21 </td> 
 
      <td class='money'> 130.00 </td> 
 
      <td> <input type='text' class='change' style='width: 30%;' value='0.033%' /> </td> 
 
      <td class='resultt'> 130.04 </td> 
 
      <td class='parcial'> 0.04 </td> 
 
     </tr> 
 
    </form> 
 
    <form action='' method='POST'> 
 
     <tr> 
 
      <td> XXFDFD </td> 
 
      <td> 1 </td> 
 
      <td> 2017-08-20 </td> 
 
      <td class='money'> 121.34 </td> 
 
      <td> <input type='text' class='change' style='width: 30%;' value='0.033%' /> </td> 
 
      <td class='resultt'> 120.36 </td> 
 
      <td class='parcial'> 0.34 </td> 
 
     </tr> 
 
    </form>         
 
</tbody>

Ich habe versucht, das Skript zu sehen, ob ich den Wert des CLASS bekommen konnte so konnte ich es bearbeiten. Aber ich war nicht erfolgreich.

Answer 1

Sie benötigen $(this).closest('tr').find('.resultt').text()

td geben Ihnen text() und nicht val()

$('.change').change(function() { 
 
    var element = $(this).parent(); 
 

 
    console.log('get result: ' + $(this).closest('tr').find('.resultt').text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
    <form action='' method='POST'> 
 
     <tr> 
 
     <td> ASDADAS </td> 
 
     <td> 2 </td> 
 
     <td> 2017-08-21 </td> 
 
     <td class='money'> 130.00 </td> 
 
     <td> <input type='text' class='change' style='width: 30%;' value='0.033%' /> </td> 
 
     <td class='resultt'> 130.04 </td> 
 
     <td class='parcial'> 0.04 </td> 
 
     </tr> 
 
    </form> 
 
    <form action='' method='POST'> 
 
     <tr> 
 
     <td> XXFDFD </td> 
 
     <td> 1 </td> 
 
     <td> 2017-08-20 </td> 
 
     <td class='money'> 121.34 </td> 
 
     <td> <input type='text' class='change' style='width: 30%;' value='0.033%' /> </td> 
 
     <td class='resultt'> 120.36 </td> 
 
     <td class='parcial'> 0.34 </td> 
 
     </tr> 
 
    </form> 
 
    </tbody> 
 
    <table>

Answer 2

Das übergeordnete Element der Eingabe ist die Zelle, nicht die Zeile. Versuchen Sie, Eltern zweimal anzurufen, oder versuchen Sie es besser mit .closest("tr").