javascript - jQuery循环遍历具有相同类的动态创建的元素

Question

我没有。在按钮点击时动态创建的 div。

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

在按钮点击中，有些没有。的 div 是用 Amount 值创建的。

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">