如何在jQuery中获取每个动态创建的表的总数?

时间:2018-05-03 13:17:37

标签: jquery

我能够得到所有表的每一行的总和,但我不知道如何得到每个表的总数。这是代码,创建动态表的脚本是好的所以我没有只包括这一部分。

这是为了从表中获取所有选定类的总和 包括动态表。 但我不能得到每个表的总数,因为它们具有相同的元素。

        function customduty(){
			var customduty = 0,

			amount = document.querySelectorAll('.customduty'), i;
		    for (i = 0; i < amount.length; i++) {
		        customduty += parseFloat(amount[i].value || 0);
			}
			$('.tot_customduty').val(customduty);
		}
<table id="addr0" style="display: inline-block;font-size: .75em" class="table-bordered">
			<thead>
				<tr>
					<th style="width:100px"></th>
					<th style="width:100px"></th>
				</tr>
			</thead>
				<tbody>
					<tr>
						<td style="text-align:center;background-color:orange">1</td>
							<td>
							<input type="text" name="category" class="" style="width:100px">
						</td>
					</tr>
					<tr>
					<tr>
						<td style="text-align:center;">AHTN CODE</td>
						<td>
						<input type="text" name="ahtn[]" class="" style="width:100px">
					</td>
					</tr>
					<tr>
						<td style="text-align:center;">DESCRIPTION</td>
						<td>
						<input type="text" name="desc[]" value="<?php echo $_POST['desc']; ?>" class="" style="width:100px">
					</td>
					</tr>
					<tr>
						<td style="text-align:center;">FOB</td>
						<td>
						<input type="text" name="fob[]" class="fob dv1sum" onkeyup="onkeyupsum()" style="width:100px">
					</td>
					</tr>
					<tr>
						<td style="text-align:center;">FREIGHT</td>
						<td>
						<input type="text" name="freight[]" class="freight" style="width:100px">
					</td>
					</tr>
					<tr>
						<td style="text-align:center;">INSURANCE</td>
						<td>
						<input type="text" name="insurance[]" class="insurance dv1sum" style="width:100px">
					</td>
					</tr>
					<tr>
						<td style="text-align:center;">O/C</td>
						<td>
						<input type="text" name="oc[]" class="oc dv1sum" style="width:100px">
					</td>
					</tr>
					<tr>
						<td style="text-align:center;">D/V</td>
						<td>
						<input type="text" name="dv1[]" class="dvs" style="width:100px">
					</td>
					</tr>
					
					<tr>
						<td style="text-align:center;">D/V</td>
						<td>
						<input type="text" name="dv2[]" class="dvp" style="width:100px">
					</td>
					</tr>
					
					<tr>
						<td style="text-align:center;">DUTY</td>
						<td>
						<input type="text" name="customduty[]" class="customduty" onkeyup="customduty()" style="width:100px">
					</td>
					</tr>
					<tr>
						<td></td>
						<td></td>
					</tr>
				</tbody>
			
		</table>

1 个答案:

答案 0 :(得分:0)

我能够使用此代码从第一个表中获取总行数, 我的问题是它没有动态地对每个表中的行求和 创建了ones.and获得我想要的所有表中的第一行的总和 从每个表的第一行中划分总数并将其显示在每个表的下面 所有表的第一行。任何帮助都会非常感激。

$(document).ready(function(){
  $('.oc').change(function(){
    var tot_fob = parseInt($('.tot_fob').val());
    var freight = parseInt($('.freight').val());
    var insurance = parseInt($('.insurance').val());
    var oc = parseFloat($('.oc').val());
    var result = parseFloat(tot_fob) + parseFloat(freight) + parseFloat(insurance) + parseFloat(oc);
    $('.dvp').val(result);
    });
});