JQuery как использовать добавленный класс из addclass

Question

var sum = 0; 

$(".selected").on('each', (function() { 

     if(!isNaN(this.innerHTML) && this.innerHTML.length!=0) { 
      sum += parseFloat(this.innerHTML); 
     } 

    })); 

$("#sum").html(sum.toFixed(2)); 

.selected добавлен класс addclass(). с другим классом, приведенные выше jquery works, но выбрано недопустимым. он просто составляет 0,00

Как я могу справиться?

this.lists = this.tableColumns.children('.list'); 

//select single list to filter 
    self.lists.on('click', '.left-info', function(){ 
     var list = $(this).parents('.list'); 
     if(!self.filtering && list.hasClass('selected')) { 
      list.removeClass('selected');   
     } else if(!self.filtering && !list.hasClass('selected')) { 
      list.addClass('selected'); 
     } 
    }); 

ситуация .. Когда я нажимаю .list, juqery добавить класс (для CSS), чтобы показать список выбран. Это мне знакомо, , но когда .selected класс добавляется вышеуказанным jquery, я хочу суммировать значение внутри .list .selected class.

var sum = 0; 

$(".selected").each(function() { 
    if(!isNaN(this.innerHTML) && this.innerHTML.length!=0) { 
     sum += parseFloat(this.innerHTML); 
    } 

}); 

$("#sum").html(sum.toFixed(2)); 

Когда я пытаюсь суммировать только класс .list, проблем нет. Но я хочу суммировать только для (.list и) .selected class, результат выглядит так, что jquery не распознает .selected class.

Я очень новичок в jquery. Наверное, мне нужно заказать что-то вроде .on, но я понятия не имею.

Answer 1

Этот jquery должен работать. Я просто изменить .он ('каждый') для .each()

var sum = 0; 

$(".selected").each(function() { 
     if(!isNaN(this.innerHTML) && this.innerHTML.length!=0) { 
      sum += parseFloat(this.innerHTML); 
     } 

    }); 

$("#sum").html(sum.toFixed(2)); 

https://jsfiddle.net/khristopherallen/8rLy8qh7/1/