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 작동하지만 .selected 유효하지 않습니다. 그것은 단지 0.00

어떻게 처리 할 수 ​​있습니까? 내가 .list 클릭하면

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'); 
     } 
    }); 

상황입니다 .. 목록이 선택되어 보여 (CSS에 대한) 클래스를 추가 juqery. 이것은 내게 익숙하다, .selected 클래스가 위의 jquery에 의해 추가 될 때, 나는 .list .selected 클래스 내부의 값을 더하고 싶다.

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 클래스에 대한 것입니다. 결과는 jquery가 .selected 클래스를 인식하지 못하는 것처럼 보입니다.

저는 jquery를 아주 아주 초보자입니다. 나는 .on과 같은 것을 주문할 필요가 있다고 생각하지만 단서가 없다.

Answer 1

이 jquery가 작동합니다. 난 그냥() .each하는 ('는 각각') CSTE 연구진은 변경

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