2つのダイナミックテキストボックスの値をjqueryに追加するには？

Question

jqueryで2つのテキストボックス値を追加したいのですが、ここでは動作しているコードですが、最初の行だけでも2番目または3番目の行にも表示したいのですが、本当に必要なものを見ることができます。おかげ

<?php 
    $query3 = mysqli_query($con,"select * from orders") or die("sdfsfs"); 
    while($row3=mysqli_fetch_array($query3)) 
    { 
     $item_description = $row3['item_description']; 
     $quantity = $row3['quantity']; 
     $unit_price = $row3['unit_price']; 
?> 
<tbody> 
    <tr> 
     <td><label class="form-control" style="box-shadow:none;border:0px solid black;"><?php echo $row3['id']; ?></label></td> 
     <td width="400"><textarea name="desc" class="form-control" style="box-shadow:none;border:0px solid black;"><?php echo $item_description; ?></textarea></td> 
     <td><input id="quant" class="form-control common" name="quant" style="box-shadow:none;border:0px solid black;" type="text" value="<?php echo $quantity; ?>"/></td> 
     <td><input id="unit_price" class="form-control common" name="unit_price" style="box-shadow:none;border:0px solid black;" type="text" value="<?php echo $unit_price; ?>"/></td> 
     <td><input id="total" readonly class="form-control" name="total" style="box-shadow:none;border:0px solid black;" type="text" value=""/></td> 
     <td><span class="table-remove glyphicon glyphicon-remove"></span></td> 
    </tr> 
<?php } ?> 


<script> 
     $('#total').val(parseFloat("0"+$('#quant').val()) * parseFloat("0"+$('#unit_price').val())); 
     $('.common').change(function() { 
     $('#total').val(parseFloat("0"+$('#quant').val()) * parseFloat("0"+$('#unit_price').val())); 
     }); 
</script> 

Answer 1

だけの各TRをループして、合計値を取得し、それらを追加して表示するようにelement.html（）メソッドを使用します。メインのjqueryメソッドの中には、次のようなものを使用します。

............. 
........... 
var total=0 
    $('#yourTableID tr').each(function() { 
     var sub_t = $(this).find(".yourTotalTDClassName").html();  
    //parse subt_t into integer and then add 
    total=total+sub_t; 
    }); 
    $("#resultElement").val(total); // or .html() based on your element 

私の携帯電話を使用していますので、誤植や構文エラーを考慮してください。このためには、合計金額を含むタグごとにクラスを定義し、そのクラス名を使用してすべてのtd値を取得して合計金額を取得する必要があります。あなた自身で最初に試してください。まだ問題が残っている場合は、htmlを含む完全なコードを投稿できます。

Answer 2

テーブルの各行には、同じIDが設定されています。一意のIDを持つ必要があります。