jquery每个循环只在动态创建的元素上迭代一次

Question

这是我的HTML

<tr>
     <td class="col-md-1 text-center" >  +sr+  </td>
     <td class="col-md-4 text-center" > + name + </td>
     <td id="tblprc" class="col-md-1 text-center" >' + price + </td>
     <td class="col-md-2 text-center" ><div class="form-group">
            <input type="text" class="form-control text-center" id="txtqty" 
              onkeypress="return isNumberKey(event);">
        </div></td>
        <td id="total" class="col-md-1 text-center" >0</td>
 </tr>

这是我的jquery

$(document).on("change", "#txtqty", function () {

        var qt = $(this).val();
        var prc = $(this).parents("tr").find("#tblprc").text();

        qt*1;
        var amount = prc*qt;
        //$(this).parents("tr").find("#total").empty();
        $(this).parents("tr").find("#total").text(amount);
        var sum = 0;
        var xzone = $("#total");
        $.each(xzone,function (index,val) {
            var x = val.innerText;
            alert(index+":"+ val.innerText);
            sum = sum + parseInt(x);

        $("#sum-up").text(sum);
        });

    });

1-我正在动态地在表中添加数据和行。 2-在文本更改时，我在td元素上循环每个循环，但它只带来第一个值。

请确定问题所在。 非常感谢。