jquery每个循环仅在动态创建时迭代一次<；td>；要素

这是我的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>

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

请找出问题所在。

---

非常感谢。

var xzone=$（“总计”）ID不能重复。由于这样在使用id完成的选择器上循环是没有意义的。所以我应该怎么做，请给出建议。我不懂。用类来代替。上课是允许重复的。从心底感谢你这么多的兄弟。当然。请记住，ID应该是唯一的。这样你就不会头疼了。
$(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);
        });

    });