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.I попыталось ниже кода. Но это не повторяющийся цикл.

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. Используйте селектор . для класса и добавьте его. Индекс представляет позицию, а val - текущий элемент.

Редактировать: получить локальную переменную и установить ее в 0. После этого проведите по всем элементам с этим классом и возьмите их текст. Так как это String, js попытается преобразовать переменную sum в String. Вам нужно проанализировать текст до int. Это рабочий пример.

Вот HTML-

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

Answer 2

$('.Amount').each(function(index, val) 
    { 
     //do something 
    }); 

Answer 3

Попробуйте использовать text()

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