jQuery循环使用相同类的动态创建元素

Question

我没有.在按钮单击中动态创建的div.

<table>
   <tbody id="ProductDetail"></tbody>
</table>

点击按钮,有些没有.使用金额值创建div.

funtion createDiv(){
  $("#ProductDetail").append("<tr><td ><div class='Amount'>"+Amount+"</div></td></tr>");
}

我想循环遍历这些动态创建的div来获取jquery中的Amount值.我尝试了下面的代码.但它不是迭代循环.

function calculateAmount(){
    $('.Amount').each(function (i, obj) {
         TotalAmountValue=TotalAmountValue+$(this).html();
    });
}

请有人帮助我.

Answer 1

我的工作得很好!

$(document).ready(function(){
          $("#ProductDetail").append("<tr><td><div class='Amount'>3</div></td></tr>");
          $("#ProductDetail").append("<tr><td><div class='Amount'>3</div></td></tr>");
          $("#ProductDetail").append("<tr><td><div class='Amount'>3</div></td></tr>");

          $("#sum").click(function()
          {
              var sum = 0;
              $(".Amount").each(function()
              {
                  sum += parseInt($(this).text());
              });
              alert(sum);
          });
      });

在.each通过所有的元素有类迭代Amount.使用.选择器进行类并添加名称.Index表示位置,而val是当前元素.

编辑:获取一个局部变量并将其设置为0.之后,迭代该类的所有元素并获取其文本.既然是String,JS会尝试将转换sum变量String.您需要解析文本int.这是一个有效的例子.

这是HTML

  <table>
      <tbody id="ProductDetail"></tbody>
  </table>
  <input type="button" id="sum" value="Sum">